Was ist der Unterschied zwischen Knoten und Element im DOM?

Der Unterschied zwischen Knoten und Element: 1. Knoten ist ein Knoten, der verschiedene Knotentypen enthält, während Element nur eine Art Knotenknoten ist. 2. Element erbt von Knoten, verfügt über die Methoden von Knoten und erweitert auch viele davon seiner eigenen einzigartigen Eigenschaften.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Wir verwenden häufig document.getElementById, um Elemente im DOM abzurufen, und wir verwenden auch childNodes, um untergeordnete Knoten abzurufen. Was ist also der Unterschied zwischen Element und Knoten?

Die von Node bereitgestellten Knoten und die von Element bereitgestellten Knoten

Verwechseln Sie beim Erlernen von jQuery immer Node und Eleme? Die Beziehung zwischen Node und Element ist möglicherweise viel klarer, wenn Sie über Vererbung nachdenken.

Element erbt von Node, verfügt über die Methoden von Node und erweitert auch viele seiner eigenen einzigartigen Methoden.

Bei einigen Methoden werden Element, Node und Element klar unterschieden

Zum Beispiel: childNodes und child, parentNode und parentElement und andere Methoden.

Bei einigen Methoden von Node ist der Rückgabewert Node, z. B. Textabschnitte, Kommentarknoten usw., während bei einigen Methoden von Element der Rückgabewert Element sein muss.

Wenn Sie dies klar unterscheiden, können Sie viele Probleme auf niedriger Ebene vermeiden.

Einfach ausgedrückt ist Node eine Basisklasse, und Element, Text und Kommentar im DOM erben alle von ihr.

Mit anderen Worten: Element, Text und Kommentar sind drei spezielle Knoten, die jeweils ELEMENT_NODE,

TEXT_NODE und COMMENT_NODE heißen.

Das Element in HTML, das wir normalerweise verwenden, nämlich Element, ist also ein Knoten vom Typ ELEMENT_NODE.

Zusammenfassung:

Node ist ein Knoten, der verschiedene Arten von Knoten enthält, und Element ist nur eine Art Node-Knoten.

Element erbt von Node und kann die Methoden von Node aufrufen.

Um allen DOM-Elementen Methoden hinzuzufügen, müssen Sie nur die Prototypenkette von Knoten oder Elementen verunreinigen.

• Knoten bezieht sich hier auf den DOM-Knoten, der unsere häufigsten Elementknoten wie div/p/span und dergleichen enthält. Darüber hinaus sind auch Knoten wie Dokument/Kommentar enthalten.
Der Typ eines Knotens kann über seinen NodeType-Typ angezeigt werden. Der spezifische Typ ist in der Abbildung unten zu sehen:

• [Verwandte Empfehlungen:

  Javascript-Lern-Tutorial

]

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Knoten und Element im DOM?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!