CharacterData: after() 方法

语法

after(...nodes)

参数

nodes

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

返回值

无（undefined）。

异常

HierarchyRequestError DOMException

当新节点无法插入到层级结构的指定位置时抛出，即满足以下任一条件时：

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

示例

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

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

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

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

规范

浏览器兼容性

另见

• CharacterData.appendData()
• CharacterData.before()
• DocumentType.after()
• Element.after()
• Element.append()
• Node.appendChild()
• Element.insertAdjacentElement()