30-seconds-of-code/snippets/insertBefore.md

title, tags, expertise, firstSeen, lastUpdated

title	tags	expertise	firstSeen	lastUpdated
Insert HTML string before element	browser	beginner	2018-06-19T20:57:58+03:00	2020-10-20T23:02:01+03:00

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>