Insert HTML string after element
Inserts an HTML string after the end of the specified element.
- Use
Element.insertAdjacentHTML()
with a position of'afterend'
to parsehtmlString
and insert it after the end ofel
.
const insertAfter = (el, htmlString) =>
el.insertAdjacentHTML('afterend', htmlString);
insertAfter(document.getElementById('myId'), '<p>after</p>');
// <div id="myId">...</div> <p>after</p>
Last updated on January 16, 2023