JavaScript · DOM APIs

element.insertAdjacentHTML()

Inserts HTML at beforebegin, afterbegin, beforeend or afterend. Dangerous with untrusted input.

Syntax
el.insertAdjacentHTML(position, html)

Example

Try it

More in this group

document.createDocumentFragment() document.getElementById() element.appendChild() element.cloneNode() element.getBoundingClientRect() element.matches() element.remove() element.replaceChildren()

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course