XML-Lernen (2) Detaillierte Erläuterung der DOM-Operationen an XML-Dokumenten

In den Augen von DOM ist HTML ein baumstrukturiertes Dokument wie XML. Jeder Knoten wird als Knotenobjekt verschiedener Typen behandelt. Jedes Node-Objekt verfügt über eigene Eigenschaften und Methoden, mit denen der gesamte Dokumentbaum durchlaufen werden kann. DOM definiert nodeType, um den Typ des Knotens darzustellen Konstante

nodeType-Wert	Bemerkungen	Element	Node.ELEMENT_NODE
1	Elementknoten	Text	Node.TEXT_NODE
3	Textknoten
Dokument	Node.DOCUMENT_NODE	9	Dokument
Kommentar	Node.COMMENT_NODE	8	Annotierter Text
DokumentFragment	Node.DOCUMENT_FRAGMENT_NODE	11	Dokumentfragment
Attr	Node.ATTRIBUTE_NODE	2	Knotenattribute

Der Wurzelknoten des DOM-Baums ist ein Document-Objekt, und manchmal verweist das Dokument auf das gesamte Dokument.

Die meisten von Document definierten Methoden sind Produktionsmethoden, die hauptsächlich zum Erstellen verschiedener Arten von Knoten verwendet werden, die in Dokumente eingefügt werden können. Häufig verwendete Dokumentmethoden sind:

Methode	Beschreibung
createAttribute()	Erstellen mit dem angegebenen Namen Neuer Attr-Knoten.
createComment()	Verwenden Sie die angegebene Zeichenfolge „Create“. ein neuer Kommentarknoten.
createElement()	Verwenden Sie den angegebenen Tag-Namen Erstellen Sie einen neuen Elementknoten.
createTextNode()	Erstellen mit dem angegebenen Text Neuer TextNode-Knoten.
getElementById()	Gibt den Elementknoten mit dem angegebenen ID-Attribut im Dokument zurück.
getElementsByTagName()	Gibt das Dokument mit dem zurück angegeben Alle Elementknoten des Tagnamens.

Element häufig verwendeter Methoden:

Gemeinsame Attribute von Knotenobjekten:

Methode	Beschreibung
getAttribute()	Gibt den Wert der angegebenen Eigenschaft als Zeichenfolge zurück.
getAttributeNode()	in Form von Attr Knoten Gibt den Wert der angegebenen Eigenschaft zurück.
getElementsByTabName()	Gibt einen Knoten zurückArray , das die Nachkommenknoten aller Elementknoten mit dem angegebenen Tag-Namen in der Reihenfolge enthält, in der sie im Dokument erscheinen.
hasAttribute()	Wenn das Element das hat Das angegebene Namensattribut gibt „true“ zurück.
removeAttribute()	Entfernt das angegebene Attribut aus dem Element.
removeAttributeNode()	Aus der Attributliste des Elements Löschen Sie den angegebenen Attr-Knoten.
setAttribute()	Setzen Sie das angegebene Attribut für Der angegebene Zeichenfolgenwert fügt ein neues Attribut hinzu, wenn es nicht vorhanden ist.
setAttributeNode()	Legen Sie den angegebenen Attr-Knoten fest Zur Attributliste des Elements hinzugefügt.

Attribute	Beschreibung
Attribute	Wenn der Knoten ein Element ist, geben Sie die Attribute des Elements in Form von NamedNodeMap zurück.
childNodes	werden in der Form von Node gespeichert [] Die untergeordneten Knoten des aktuellen Knotens. Wenn keine untergeordneten Knoten vorhanden sind, wird ein leeres Array zurückgegeben.
firstChild	Gibt den aktuellen Knoten im Formular zurück des Knotens der erste untergeordnete Knoten. null, wenn keine untergeordneten Knoten vorhanden sind.
lastChild	Gibt den aktuellen Knoten im Formular zurück of Node der letzte untergeordnete Knoten von . Dies ist null, wenn keine untergeordneten Knoten vorhanden sind.
nächstesGeschwister	Gibt den nächsten Knoten zurück, der der Geschwisterknoten des aktuellen Knotens ist, in der Form „Knoten“. Wenn kein solcher Knoten vorhanden ist, wird null zurückgegeben.
nodeName	Der Name des Knotens, Element Knoten ist Stellt den Tag-Namen des Elements dar.
nodeType	stellt den Typ des Knotens dar.
parentNode	Gibt den aktuellen Knoten im Formular zurück des übergeordneten Knotens von Node. Wenn kein übergeordneter Knoten vorhanden ist, ist dieser null.
previousSibling	Gibt als Knoten zurück Der aktuelle Knoten und seine vorherigen Geschwisterknoten. Wenn kein solcher Knoten vorhanden ist, wird null zurückgegeben.

Gemeinsame Methoden für Knotenobjekte:

Methode	Beschreibung
appendChild()	Durch Hinzufügen eines Knotens zu The Die Gruppe childNodes[] des aktuellen Knotens fügt Knoten zum Dokumentbaum hinzu.
cloneNode()	Kopieren Sie den aktuellen Knoten, oder Kopiert den aktuellen Knoten und alle seine untergeordneten Knoten.
hasChildNodes()	Wenn der aktuelle Knoten hat Wenn Sie den untergeordneten Knoten verwenden, wird „true“ zurückgegeben.
insertBefore()	Einen Dokumentbaumknoten einfügen , befindet sich vor dem angegebenen untergeordneten Knoten des aktuellen Knotens. Wenn der Knoten bereits vorhanden ist, löschen Sie ihn und fügen Sie ihn an seiner Stelle ein.
removeChild()	Aus dem Dokumentenbaum entfernen und gibt den angegebenen untergeordneten Knoten zurück.
replaceChild()	Entfernt den angegebenen untergeordneten Knoten aus dem Dokumentbaum und gibt ihn zurück , ersetzen Sie ihn durch einen anderen Knoten.

Den Wert eines Elements abrufen

Der folgende Code ruft den Textwert des ersten