CharacterData: before() 方法

nodes

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

HierarchyRequestError DOMException

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

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

before() 方法允许您在 CharacterData 节点之前插入新节点，同时保持当前节点的数据不变。

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

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

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

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