La classe Node du DOM

La classe Node du DOM

  1. Objectif

    • ِComprendre les concepts lies aux classes Nodes du DOM






  2. Introduction

    • Tous les objets du DOM proviennent directement ou indirectement de la classe abstraite NNode . Les hiérarchies DOM de base sont des structures arborescentes dont les éléments sont des instances Node (nœuds).
    • La classe Node ajoute le support principal pour l’agrégation de nœuds et les informations de métadonnées étendues.
    • Selon le DOM, tout composant ou élément d’un document HTML, XHTML ou XML constitue un nœud (node) ,ces nœuds sont des instances de classes (au sens de la programmation objet) normalisées.
    • Le terme « node » est un terme générique qui sert à désigner tous les objets contenus dans le DOM et représente une classe.
    • La classe “Node” est la classe de base de la structure. Tous les noeuds de l’arbre sont basés sur cette classe.
  3. conception d’un nœud

    • Tout composant étant un nœud, on peut concevoir :
      • Le document entier comme un nœud, appelé nœud document (document node).
      • Chaque balise ou élément est un nœud élément (element node). Ainsi, des balises comme <p>, <ul>, <li> sont des nœuds élément.
      • Le texte contenu entre les balises est un nœud texte (text node). Ainsi, pour <p>Texte du paragraphe </p>, les mots “Texte du paragraphe” constituent un nœud texte.
      • Chaque attribut d’une balise ou élément est un nœud attribut (attribut node). Pour par exemple <img href=" image.png" alt="">, href et alt sont des nœuds attribut.
      • Les commentaires deviennent des nœuds de commentaire (comment node).
    • Un langage de marquage comme HTML ou tout autre langage basé sur XML peut être schématisé comme une arborescence hiérarchisée.
    • Les différentes composantes d’une telle arborescence sont désignés comme étant des nœuds.
    • L’objet central du modèle DOM est pour cette raison l’objet node (node = nœud).
    • Il existe différents types de nœuds. Dans un document HTML ordinaire existent dans tous les cas trois types de nœud importants qu’il nous faut distinguer : les nœuds-élément, les nœuds-attribut, et les nœuds-texte.
  4. Nœuds parents et ancêtres

    • Le nœud parent est obtenu à partir de la propriété ParentNode .
    • Comme pour les enfants de nœud, vous pouvez observer le changement parent (c’est-à-dire lorsque le nœud lui-même est ajouté ou supprimé de l’ensemble des enfants d’un autre nœud), en remplaçant la méthode OnParentChanged ou en vous abonnant à l’ événement ParentChanged .




Abonnez vous à notre chaîne YouTube gratuitement