CharacterData: before()-Methode

nodes

Eine Menge von Node-Objekten oder Zeichenfolgen, die eingefügt werden sollen.

HierarchyRequestError DOMException

Wird ausgelöst, wenn die neuen Knoten nicht an der angegebenen Stelle in der Hierarchie eingefügt werden können, d.h. wenn eine der folgenden Bedingungen erfüllt ist:

• Wenn das Einfügen eines der hinzugefügten Knoten zu einem Zyklus führen würde, d.h. wenn einer von ihnen ein Vorfahre dieses CharacterData-Knotens ist.
• Wenn einer der hinzugefügten Knoten kein DocumentFragment, DocumentType, Element oder CharacterData ist.
• Wenn dieser CharacterData-Knoten tatsächlich ein Text-Knoten ist und sein Elternknoten ein Document ist.
• Wenn das Elternteil dieses CharacterData-Knotens ein Document ist und einer der einzufügenden Knoten ein DocumentFragment mit mehr als einem Element-Kind oder einem Text-Kind enthält.

Die before()-Methode ermöglicht es Ihnen, neue Knoten vor einem CharacterData-Knoten einzufügen, wobei die Daten des aktuellen Knotens unverändert bleiben.

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()
• DocumentType.before()
• Element.before()
• Element.append()
• Node.appendChild()
• Element.insertAdjacentElement()