JavaScript, Browser

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

  • insertBefore

    JavaScript, Browser

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

  • renderElement

    JavaScript, Browser

    Renders the given DOM tree in the specified DOM element.

  • arrayToHTMLList

    JavaScript, Browser

    Converts the given array elements into <li> tags and appends them to the list of the given id.