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() | 是 | 48 | 是 | 是 | 8 |
| 參數(shù) | 描述 |
|---|---|
| position | 相對于元素的位置。 合法值:
|
| element | 您要插入的元素 |
| 返回值: | 插入的元素;如果插入失敗,則返回null。 |
|---|---|
| 例外情況: |
|
使用“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);測試看看?/?HTML DOM參考:element.insertAdjacentHTML()方法
HTML DOM參考:element.insertAdjacentText()方法
HTML DOM參考:node.insertBefore()方法
HTML DOM參考:node.appendChild()方法