insertAdjacentElement()方法将一个给定的元素节点插入到相对于被调用的元素的给定的一个位置。
element.insertAdjacentElement(position, element)
var span = document.getElementsByTagName("span")[0]; var head = document.getElementsByTagName("h2")[0]; head.insertAdjacentElement("afterend", span);测试看看‹/›
表格中的数字指定了完全支持insertAdjacentElement()方法的第一个浏览器版本:
Method | |||||
insertAdjacentElement() | 是 | 48 | 是 | 是 | 8 |
参数 | 描述 |
---|---|
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()方法