30秒学会 JavaScript 片段 · 2024年1月8日

30秒学会 JavaScript 片段 – Insert HTML string before element

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>

翻译自:https://www.30secondsofcode.org/js/s/insert-html-string-before-element