CharacterData: after() 方法

after() 是 CharacterData 接口的方法，它在对象父级对象的子级列表中插入一组 Node 对象或字符串，正好在对象本身之后。

字符串被插入为 Text 节点；该字符串作为参数传递给 Text() 构造函数。

语法

js

after(...nodes)

参数

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

异常

HierarchyRequestError DOMException

当新节点无法插入层次结构中的指定点时抛出，即如果满足以下条件之一

如果插入其中一个节点会导致循环，即如果其中一个节点是此 CharacterData 节点的祖先。
如果添加的节点之一不是 DocumentFragment、DocumentType、Element 或 CharacterData。
如果此 CharacterData 节点实际上是一个 Text 节点，并且其父级是 Document。
如果此 CharacterData 节点的父级是 Document 并且要插入的节点之一是 DocumentFragment，且它包含多个 Element 子节点，或者包含 Text 子节点。

示例

after() 方法允许您在 CharacterData 节点之后插入新节点。

js

const h1TextNode = document.querySelector("h1").firstChild;
h1TextNode.after(" #h1");

h1TextNode.parentElement.childNodes;
// NodeList [#text "CharacterData.after()", #text " #h1"]

h1TextNode.data;
// "CharacterData.after()"

注意：如果您希望将文本附加到当前节点，则可以使用 appendData() 方法将文本附加到当前节点的数据。

规范

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

浏览器兼容性

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

另请参阅