目录

HTML DOM 元素 insertAdjacentElement()

❮上一节 ❮ 元素对象参考下一节❯

示例

在标题后面插入一个 span 元素：

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

亲自试一试 »

下面有更多示例。

描述

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

法律地位：

值	描述
开始后	在元素开始之后（第一个子元素）
尾声	元素之后
开始之前	元素之前
之前	元素结束之前（最后一个子元素）

语法

element.insertAdjacentElement( position, element)

node.insertAdjacentElement( position, element)

参数

Parameter	Description
position	Required. A position relative to the element: afterbegin afterend beforebegin beforeend
element	The element to insert.

更多示例

示例

使用"afterbegin"：

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

亲自试一试 »

示例

使用"beforebegin"：

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

亲自试一试 »

示例

使用"beforeend"：

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

亲自试一试 »

浏览器支持

element.insertAjacentElement()所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes

❮上一节 ❮ 元素对象参考下一节❯