Uncaught NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node

Question

I am having an issue with Javascript. I\'m getting this error message:

Uncaught NotFoundError: Failed to execute \'insertBefore\' on \'Node\': The nod

Answer 1

You have to call insertBefore on the parent element of the element you're inserting before. document.body is not the parent, it's far up in the DOM hierarchy.

And to insert after a DIV, you have to insert before its next sibling.

var parentDiv = document.getElementById("remoteVideos");
parentDiv.insertBefore(newVideo, originalDiv.nextSibling);

See the examples in MDN