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

JS - DOM - Insert Before Element

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

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

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

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

insertBefore(newElem, refElem);