js---DOM-Knoten

Der Inhalt dieses Artikels ist der DOM-Knoten in js. Ich werde ihn hier mit Ihnen teilen, und Sie können ihn auch an Freunde in Not verweisen

1 .getElementsByTagName ()----Alle Browser verfügen über diese Methode, es gibt kein Kompatibilitätsproblem

2.getElementById()---Unter IE8.0 wird bei der ID nicht zwischen Groß- und Kleinschreibung unterschieden, was bedeutet, dass dies der Fall ist nicht kompatibel. Sexuelle Probleme

3.getElementsByClassName()---Diese Methode ist unter IE9.0 nicht verfügbar und es gibt Kompatibilitätsprobleme.

4.getElementsByName()---Namensattribut, Eingabenamensattribut, nicht alle Tags sind gültig

5.querySelector('selector')---IE8.0 oder niedriger Inkompatibel, Die ausgewählte Kopie ist eine Kopie. Wenn Sie das DOM in HTML ändern, wird die zuvor ausgewählte Kopie nicht entsprechend geändert.

2. Traverse

Traverse den Knotenbaum: parentNode/childNodes/firstChild/lastChild/nextSibling/PreviousSibling---Der Knotenbaum enthält Textknoten, Kommentarknoten und leere Knoten

Durchqueren Sie den Elementbaum: Mit Ausnahme von untergeordneten Elementen weisen alle anderen IE9 und niedrigere Kompatibilitätsprobleme auf.

parentElement – ​​das höchste übergeordnete Element von HTML – keine Kompatibilitätsprobleme. Nur den untergeordneten Elementknoten des aktuellen Elements zurückgeben

node.childElementCount===node.children.length Die Anzahl der untergeordneten Elemente des aktuellen Knotens

firstElementChild---gibt das erste Element zurück Knoten (IE ist nicht kompatibel)

nextElementSibling/ previousElementSibling

Knotentyp: Knotentyp aufrufen

Elementknoten---1 Attributknoten---2; Textknoten---3; Anmerkungsknoten---9; DocumentFragment---11

Prototypkette: document--->HTMLDocument.prototype--->Document. pro rototype

Verwandte Empfehlungen:

So bedienen Sie DOM-Elemente in js

Detaillierte Erläuterung des DOM-Ereignisflusses in js

Wie man DOM in JS betreibt

Das obige ist der detaillierte Inhalt vonjs---DOM-Knoten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!