HTML DOM 元素 insertAdjacentHTML()

在 header 元素后面插入一个新的 <p> 元素：

const h2 = document.getElementById("myH2");
let html = "<p>My new paragraph.</p>";
h2.insertAdjacentHTML("afterend", html);

描述

这个insertAdjacentHTML()方法将 HTML 代码插入到指定位置。

法律地位：

element.insertAdjacentHTML( position, html)

node.insertAdjacentHTML( position, html)

Parameter	Description
position	Required. A position relative to the element: afterbegin afterend beforebegin beforeend
html	The HTML to insert.

element.insertAjacentHTML()所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes