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

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

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

Inserts an HTML string before the start of the specified element.
<ul>
<li>Use <code class="notranslate">Element.insertAdjacentHTML()</code> with a position of <code class="notranslate">&#39;beforebegin&#39;</code> to parse <code class="notranslate">htmlString</code> and insert it before the start of <code class="notranslate">el</code>.</li>
</ul>

Insert HTML string before element

More like this

Insert HTML string after element

Check if HTML element has class

Set style for element