通常使用的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操作更快