Insert HTML string after element

OSCC · JavaScript, Browser · Oct 20, 2020

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

• Use Element.insertAdjacentHTML() with a position of 'afterend' to parse htmlString and insert it after the end of el.

const insertAfter = (el, htmlString) =>
  el.insertAdjacentHTML('afterend', htmlString);

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

Recommended snippets

• Insert HTML string before element

  JavaScript, Browser

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

• Create HTML element

  JavaScript, Browser

  Creates an element from a string (without appending it to the document). If the given string contains multiple elements, only the first one will be returned.

• Render DOM element

  JavaScript, Browser

  Renders the given DOM tree in the specified DOM element.