insertAdjacentHTML:insertAdjacentHTML() 将指定的文本解析为HTML或XML，并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤，使其比直接innerHTML操作更快。
语法：element.insertAdjacentHTML(position, text)；
beforebegin 元素自身的前边
afterbegin 插入元素内部第一个子节点的前边
beforeend 插入元素内部最后一个子节点之后
afterend 元素自身的后边
innerHTML 语法：element.innerHTML