插入html内容,添加HTML内容和文本插入的方法

通常使用的innerHTML和innerText的方法进行文件的插入，

javaScript还提供了inserAdjacentHTML和insertAdjacentText方法，可以是指定的位置插入HTML内容和文本内容；

insertAdjacentHTML(where, html/text) 具有三个参数

where:插入文本的位置，系统了提供了4个可选值

beforebgin : 元素自身的前面；

afterbegin : 插入元素内部的第一个子节点；

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

afterend : 元素自身的后面

html/text : html文本/text文本

原始文本

var oTest = document.getElementById("test")

oTest.inserAjacentHTML("beforbgin", "

插入元素自身的前面

")；

oTest.inserAjacentHTML("afterbegin", "

插入元素内部的第一个子节点

");

oTest.inserAjacentHTML("beforeend", "

插入元素内部的最后一个子节点之后

");

oTest.inserAjacentHTML("afterend", "

元素自身的后面

")

它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤，使其比直接innerHTML操作更快