HTML DOM insertAdjacentHTML() 方法

HTML DOM Element 對象

insertAdjacentHTML()方法將指定的文本解析為HTML，并將結(jié)果節(jié)點(diǎn)插入指定的位置。

此方法不會重新解析正在使用該元素的元素，因此不會破壞該元素內(nèi)部的現(xiàn)有元素。

這避免了額外的序列化步驟，使其比直接的innerHTML操作快得多。

語法：

element.insertAdjacentHTML(position, text)
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("afterend", "<span>Hello world</span>");
測試看看?/?

瀏覽器兼容性

表格中的數(shù)字指定了完全支持insertAdjacentHTML()方法的第一個瀏覽器版本：

方法
insertAdjacentHTML()是48是是8

參數(shù)值

參數(shù)描述
position相對于元素的位置。
法律價值：

  • “ afterbegin”-元素開始之后（作為第一個孩子）

  • “afterend”-元素之后

  • “beforebegin”-元素之前

  • “beforeend”-元素結(jié)束之前（作為最后一個子元素）

text要解析為HTML的字符串

更多實(shí)例

使用“ beginbegin”值：

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("afterbegin", "<span style='color:red;'>Hello world</span>");
測試看看?/?

使用“ beforebegin”值：

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("beforebegin", "<span style='color:red;'>Hello world</span>");
測試看看?/?

使用“ beforeend”值：

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("beforeend", "<span style='color:red;'>Hello world</span>");
測試看看?/?

相關(guān)參考

HTML DOM參考：element.insertAdjacentElement()方法

HTML DOM參考：element.insertAdjacentText()方法

HTML DOM參考：node.insertBefore()方法

HTML DOM參考：node.appendChild()方法

HTML DOM Element 對象

丰满人妻一级特黄a大片，午夜无码免费福利一级，欧美亚洲精品在线，国产婷婷成人久久Av免费高清