元素：after() 方法

**Element.after()** 方法在 Element 的父级子级列表中，紧随 Element 之后插入一组 Node 对象或字符串。字符串将作为等效的 Text 节点插入。

语法

js
after(node1)
after(node1, node2)
after(node1, node2, /* …, */ nodeN)

参数

node1, …, nodeN

要插入的一组 Node 对象或字符串。

返回值

无 (undefined).

异常

HierarchyRequestError DOMException

当节点无法插入层次结构中指定的点时抛出。

示例

插入元素

js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");

p.after(span);

console.log(container.outerHTML);
// "<div><p></p><span></span></div>"

插入文本

js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);

p.after("Text");

console.log(container.outerHTML);
// "<div><p></p>Text</div>"

插入元素和文本

js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");

p.after(span, "Text");

console.log(container.outerHTML);
// "<div><p></p><span></span>Text</div>"

规范

规范
DOM 标准
# ref-for-dom-childnode-after①

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅