jared-shepherd
11/1/2018 - 4:53 AM

JS - DOM - Insert After Element

Use this code to insert an element after a referenced element in pure JS.

insertBefore.js
content_copyfile_download
function insertBefore(newElement, referenceNode) {
  referenceNode.parentNode.insertBefore(newElement, referenceNode.nextSibling);
}

// example usage
var newElem = document.createElement('div');
newElem.innerHTML = '<p>Im new here!</p>';

var refElem = document.querySelector('.referenceElement');

insertBefore(newElem, refElem);