轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM insertAdjacentElement() 方法

实例

将 span 元素移动到 header 元素之后:

var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend", s);
亲自试一试 »

定义和用法

insertAdjacentElement() 方法将指定的元素插入到指定的位置。

四种可用值:

"afterbegin"
"afterend"
"beforebegin"
"beforeend"

浏览器支持

表中的数字表示支持该方法的第一个浏览器版本。

方法
insertAdjacentElement() Yes 8 48 Yes Yes

语法

node.insertAdjacentElement(position, element)

参数值

参数 类型 描述
position String 必需。相对于元素的位置。
四种可用值:
"afterbegin" - 在元素开始之后（作为第一个子元素）
"afterend" - 元素之后
"beforebegin" - 在元素之前
"beforeend" - 在元素末尾之前（作为最后一个子元素）
element HTML Element 要插入的元素

更多实例

实例

使用 "afterbegin" 值:

var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin", s);
亲自试一试 »

实例

使用 "beforebegin" 值:

var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin", s);
亲自试一试 »

实例

使用 "beforeend" 值:

var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend", s);
亲自试一试 »