天天看點

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