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操作更快