JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

HTML DOM insertAdjacentElement() 方法

HTML DOM Element 对象

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相对于元素的位置。
合法值：

  • “afterbegin”-元素开始后（作为第一个子元素）

  • “afterend”-元素之后

  • “beforebegin”-元素之前

  • “Before end”-元素结束之前（作为最后一个子元素）

element您要插入的元素

技术细节

返回值：插入的元素；如果插入失败，则返回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);
测试看看‹/›

相关参考

HTML DOM参考：element.insertAdjacentHTML()方法

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

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

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

HTML DOM Element 对象

JavaScript History 对象HTML DOM Element 对象

友情链接： json在线解析 通晓查询 糯晒黄历 姓名打分 风车动漫