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

title, tags, expertise, cover, firstSeen, lastUpdated

title	tags	expertise	cover	firstSeen	lastUpdated
Insert HTML string after element	browser	beginner	blog_images/malibu.jpg	2018-06-19T20:57:58+03:00	2020-10-20T23:02:01+03:00

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>