insertAdajcentHTML方法详解

    insertAdajcentHTML方法:在指定的地方插入html标签语句

    insertAdajcentHTML(position,text)

        position:插入的位置

        text:要插入的内容

    有四种值可用:

        1.beforebegin:元素自身的前面

        2.afterbegin:插入元素内部的第一个子节点之前

        3.beforeend:插入元素内部的最后一个子节点之后

        4.afterend:元素自身的后面

注意：

　　

使用 insertAdjacentHTML 插入用户输入的HTML内容的时候，需要转义之后才能使用。

如果只是为了插入文本内容（而不是HTML节点），不建议使用这个方法，建议使用node.textContent 或者 node.insertAdjacentText()。因为这样不需要经过HTML解释器的转换，性能会好一点。