Insert HTML string before element

OSCC · JavaScript, Browser · Oct 20, 2020

Inserts an HTML string before the start of the specified element.

• Use Element.insertAdjacentHTML() with a position of 'beforebegin' to parse htmlString and insert it before the start of el.

const insertBefore = (el, htmlString) =>
  el.insertAdjacentHTML('beforebegin', htmlString);

insertBefore(document.getElementById('myId'), '<p>before</p>');
// <p>before</p> <div id="myId">...</div>

Recommended snippets

• Insert HTML string after element

  JavaScript, Browser

  Inserts an HTML string after the end of the specified element.

• Check if HTML element has class

  JavaScript, Browser

  Checks if the given element has the specified class.

• Set style for element

  JavaScript, Browser

  Sets the value of a CSS rule for the specified HTML element.