web-dev-qa-db-fra.com

Qu'est-ce qu'un nœud en Javascript?

Je me demandais ce qu'est exactement un nœud en JavaScript?

Comme dans les fonctions:

element.nodeType
row.parentNode.removeChild(row);
javascriptdomnodes
19
jaredramirez

Un "nœud", dans ce contexte, est simplement un élément HTML. Le "DOM" est une structure arborescente qui représente le code HTML du site Web, et chaque élément HTML est un "nœud". Voir Document Object Model (DOM) .

Plus spécifiquement, "Node" est une interface qui est implémenté par plusieurs autres objets, y compris "document" et "element". Tous les objets implémentant l'interface "Node" peuvent être traités de la même manière. Le terme "nœud" signifie donc (dans le contexte DOM) tout objet qui implémente l'interface "Nœud". Le plus souvent, il s'agit d'un objet élément représentant un élément HTML.

28
Hubro

Si vous avez un fichier HTML, vous voyez qu'il contient des éléments HTML (comme P, DIV, SECTION, etc.), a également des commentaires, des sauts de ligne, du contenu texte, des attributs html. Le navigateur lit ce fichier html et selon la norme W3C HTML DOM, il casse tout dans le document HTML est un nœud.
P, DIV, SECTION, etc. sont traités comme un nœud d'élément, où les commentaires sont un nœud de commentaire, le texte est un nœud de texte et des sauts de ligne sont également sous le nœud de texte. Et avec l'aide de javascript, nous pouvons accéder à ce nœud DOM et à cette arborescence de nœuds.
Souvenez-vous toujours d'une chose: Chaque élément HTML est un nœud mais chaque nœud n'est pas un élément html

Exécutez ce code et voyez le résultat dans la console:

<div class="parent">
    <div class="child"></div>
    <!-- --> 
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
 </div>
 <script>
     var parent = document.querySelector('.parent')
     console.log(parent.childNodes) // returns all child nodes list
     console.log(parent.children)  // returns child element nodes list
 </script>
2
Avijit Mandal

Les nœuds sont dans le modèle DOM, Document Object. Dans le DOM, toutes les parties du document, telles que les éléments, les attributs, le texte, etc. sont organisées dans une structure arborescente hiérarchique; composé de parents et d'enfants. Ces parties individuelles du document sont appelées nœuds.

enter image description here

Le nœud supérieur est le nœud racine (Document Node) de l'arborescence DOM, qui a un enfant, le <html> élément et ainsi de suite. En outre, le contenu textuel à l'intérieur d'un élément est un nœud enfant de l'élément parent, par exemple, "Mobile OS" est considéré comme un nœud enfant du <h1> qui le contient, etc. Les commentaires à l'intérieur du document HTML sont également des nœuds dans l'arborescence DOM, même s'ils n'affectent en aucune façon le document. Les attributs HTML tels que id, classe, titre, style, etc. sont également considérés comme des nœuds dans la hiérarchie DOM.

2
Yahya Rehman

Un nœud (du DOM) est un élément, de votre page HTML, rendu par le navigateur à ladite "arborescence de nœuds" et à l'écran. Il doit être accessible et manipulé par des programmes clients Web, comme JavaScript.

0
MonocleBoo