HTML DOM insertAdjacentElement() 方法

HTML DOM Element 對象

insertAdjacentElement()方法將一個給定的元素節(jié)點插入到相對于被調(diào)用的元素的給定的一個位置。

語法:

element.insertAdjacentElement(position, element)
var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterend", span);
測試看看?/?

瀏覽器兼容性

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

Method
insertAdjacentElement()488

參數(shù)值

參數(shù)描述
position相對于元素的位置。
合法值:
  • “afterbegin”-元素開始后(作為第一個子元素)

  • “afterend”-元素之后

  • “beforebegin”-元素之前

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

element您要插入的元素

技術(shù)細(xì)節(jié)

返回值:插入的元素;如果插入失敗,則返回null。
例外情況:
  • SyntaxError-指定的位置不是可識別的值

  • TypeError-指定的元素不是有效的元素

更多實例

使用“beginbegin”值:

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterbegin", span);
測試看看?/?

使用“beforebegin”值:

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforebegin", span);
測試看看?/?

使用“beforeend”值:

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforeend", span);
測試看看?/?

相關(guān)參考

HTML DOM參考:element.insertAdjacentHTML()方法

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

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

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

HTML DOM Element 對象

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