Detaillierte Einführung in DOM, Knoten, Attribute und Methoden zum Auffinden von Knoten

Das Folgende ist eine Einführung in DOM und wie man Knoten, Attribute und Knoten findet. Es hat einen sehr guten Referenzwert.

DOM (Document Object Model) Programmierschnittstelle für den Betrieb von Dokumenten

DOM definiert Methoden zur Darstellung und Änderung von Dokumenten. Das CSS-Stylesheet kann nicht geändert werden, um den CSS-Stil des Elements mit der DOM-Methode in js zu ändern.

Das DOM-Objekt ist das Hostobjekt, das zum Betrieb einer Sammlung von HTML- und XML-Funktionsobjekten verwendet wird. xml ——> json ersetzt.

Dokument, wenn es alleine geschrieben wird, stellt es das gesamte Dokument dar, implizit eine Ebene über dem HTML-Tag geschrieben, das nur das Stamm-Tag im Dokument ist.

Hinweis:

BOM- und DOM-gruppierte Dinge sind arrayartig, keine Arrays.

Methoden zum Abrufen von Elementen:

getElementById();Browser unter IE8 unterscheiden die Größe der ID nicht value Schreiben Sie den Namensattributwert des Elements und passen Sie ihn an. Da der ID-Wert im Hintergrund geändert wird, versuchen Sie, ihn nicht oder weniger zu verwenden.

getElementsByTagName(); alle Browser unterstützen

getElementsByClassName(); Browser IE8 und niedriger unterstützen nicht

getElementsByName(); in älteren Versionen nur den Namen des Tags, das die Anfrage senden kann, wird wirksam (Formular, Formularelement, IMG, IFrame)

document.querySelector(); CSS-Selektor, IE7 und niedriger sind nicht kompatibel und nicht in Echtzeit.

document.querySelectAll();

Knotentyp:

Elementknoten 1Attributknoten 2

Textknoten 3 // Text, Leerzeichen, Wagenrückläufe usw. sind alles Textknoten

Kommentarknoten 8

Dokumentknoten 9

Dokumentfragment 11

Anzahl der durchlaufenen Knoten:

parentNode Der übergeordnete Knoten des untergeordneten Knotens, der letzte parentNode-Knoten ist der Dokumentknoten. childNodes Alle untergeordneten Knoten des übergeordneten Knotens, Elementknoten, Kommentarknoten, Textknoten

firstChild erster untergeordneter Knoten

lastChild letzter untergeordneter Knoten

nextSibling Nächster Geschwisterknoten

Vorheriger Geschwisterknoten Vorheriger Geschwisterknoten

Anzahl der durchlaufenen Elementknoten:

(außer Kinderknoten, andere sind IE9 und die folgenden sind inkompatibel ) Der übergeordnete Elementknoten des parentElement-Elements, der letzte übergeordnete Elementknoten ist das HTML-Element und das Dokument ist ein eigenständiger Knoten. Kinder sind die untergeordneten Knoten des Elements unter dem übergeordneten Element.

node.childElementCount === node.children.length Die Anzahl der untergeordneten Elementknoten des aktuellen untergeordneten Knotens. Verwenden Sie „children.length“.

firstElementChild erster untergeordneter Elementknoten

lastElementChild letzter untergeordneter Elementknoten

nextElementSibling, previousElemnetSibling

vier Knoten Attribute:

nodeName Mit Ausnahme von Elementknoten wird den zurückgegebenen Ergebnissen ein „#“ vorangestellt, und Elementknoten geben Tag-Namen in Großbuchstaben zurück, und die Typen sind schreibgeschützt. nodeValue wird nur für Textknoten und Kommentarknoten verwendet und kann gelesen und geschrieben werden.

nodeType gibt eine Zahl zurück, die den entsprechenden Knotentyp darstellt. Schreibgeschützte

Attribute Die Attributsammlung des Elementknotens. Die Methode

node.hasChildNodes() bestimmt, ob im übergeordneten Knoten untergeordnete Knoten vorhanden sind, und das Rückgabeergebnis ist ein boolescher Wert.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

js

Implementierung der gegenseitigen Übertragung von Json-Code zwischen Front- und Backends

$http-Dienst Detaillierte Erläuterung der Übergabe der Post-Methode
js

auf Parameterfall

Was sind die häufigsten Fehler, die unerfahrene JS-Benutzer machen

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in DOM, Knoten, Attribute und Methoden zum Auffinden von Knoten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!