insertAdjacentHTML() 方法将指定的文本解析为 Element 元素，并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤，使其比直接使用innerHTML操作更快
语法
element.insertAdjacentHTML(position, text);
表示插入内容相对于元素的位置，并且必须是以下字符串之一：
1.'beforebegin'：元素自身的前面。
2.'afterbegin'：插入元素内部的第一个子节点之前。
1.'beforeend'：插入元素内部的最后一个子节点之后。
1.'afterend'：元素自身的后面。
是要被解析为HTML或XML元素，并插入到DOM树中的 [DOMString]
示例
let html = `
<h1>哈哈</h1>
`;
document.body.insertAdjacentHTML("afterend", html)
