Quelle est la différence entre un nœud et un élément dans le DOM

La différence entre un nœud et un élément : 1. Node est un nœud, qui contient différents types de nœuds, et Element est juste un type de nœud Node ; 2. Element hérite de Node, possède les méthodes de Node et étend également de nombreuses de ses propres caractéristiques uniques.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Nous utilisons souvent document.getElementById pour obtenir des éléments dans le DOM, et nous utilisons également childNodes pour obtenir des nœuds enfants. Alors, quelle est la différence entre Element et Node ?

Les nœuds fournis par Node et les nœuds fournis par Element

Lorsque vous apprenez jQuery, confondez-vous toujours Node et Eleme ? La relation entre Node et Element peut être beaucoup plus claire lorsque l'on pense à l'héritage ?

Element hérite de Node, possède les méthodes de Node et étend également bon nombre de ses propres méthodes uniques.

Par exemple : childNodes et children, parentNode et parentElement et d'autres méthodes.

Certaines méthodes de Node, la valeur de retour est Node, comme les sections de texte, les nœuds de commentaires, etc., tandis que certaines méthodes d'Element, la valeur de retour doit être Element.

Si vous distinguez cela clairement, vous pouvez éviter de nombreux problèmes de bas niveau.

En termes simples, Node est une classe de base, et Element, Text et Comment dans DOM en héritent tous.

En d'autres termes, Element, Text et Comment sont trois nœuds spéciaux, appelés respectivement ELEMENT_NODE,

TEXT_NODE et COMMENT_NODE.

Donc l'élément sur html que nous utilisons habituellement, à savoir Element, est un Node de type ELEMENT_NODE.

Résumé :

Node est un nœud, qui contient différents types de nœuds, et Element est juste un type de nœud Node.

Element hérite de Node et peut appeler les méthodes de Node.

Pour ajouter des méthodes à tous les éléments du DOM, il vous suffit de polluer la chaîne prototype de Node ou Element.

• Node ici fait référence au nœud DOM, qui comprend nos nœuds d'éléments les plus courants, tels que div/p/span et autres. De plus, des nœuds tels que Document/Commentaire sont également inclus.
Le type d'un nœud peut être visualisé via son type nodeType. Le type spécifique peut être vu dans la figure ci-dessous :

• [Recommandations associées :

  Tutoriel d'apprentissage javascript

]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!