Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Node : propriété nodeType

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété en lecture seule nodeType de l'interface Node est un entier qui identifie le type du nœud. Elle permet de distinguer les différents types de nœuds, tels que éléments, texte et commentaires.

Valeur

Un entier qui définit le type du nœud. Les valeurs possibles sont :

Node.ELEMENT_NODE (1)

Un nœud Element comme <p> ou <div>.

Node.ATTRIBUTE_NODE (2)

Un Attribut d'un nœud Element.

Node.TEXT_NODE (3)

Le nœud Text actuel à l'intérieur d'un nœud Element ou d'un Attr.

Node.CDATA_SECTION_NODE (4)

Un nœud CDATASection, comme <!CDATA[[ … ]]>.

Node.PROCESSING_INSTRUCTION_NODE (7)

Un nœud ProcessingInstruction d'un document XML, comme <?xml-stylesheet … ?>.

Node.COMMENT_NODE (8)

Un nœud Comment, comme <!-- … -->.

Node.DOCUMENT_NODE (9)

Un nœud Document.

Node.DOCUMENT_TYPE_NODE (10)

Un nœud DocumentType, comme <!doctype html>.

Node.DOCUMENT_FRAGMENT_NODE (11)

Un nœud DocumentFragment.

Les constantes suivantes ont été dépréciées et ne sont plus utilisées : Node.ENTITY_REFERENCE_NODE (5), Node.ENTITY_NODE (6) et Node.NOTATION_NODE (12).

Exemples

Différents types de nœuds

js
document.nodeType === Node.DOCUMENT_NODE; // true
document.doctype.nodeType === Node.DOCUMENT_TYPE_NODE; // true

document.createDocumentFragment().nodeType === Node.DOCUMENT_FRAGMENT_NODE; // true

const p = document.createElement("p");
p.textContent = "Il était une fois…";

p.nodeType === Node.ELEMENT_NODE; // true
p.firstChild.nodeType === Node.TEXT_NODE; // true

Commentaires

Cet exemple vérifie si le premier nœud à l'intérieur de l'élément du document est un commentaire, et affiche un message si ce n'est pas le cas.

js
const noeud = document.documentElement.firstChild;
if (noeud.nodeType !== Node.COMMENT_NODE) {
  console.warn("Vous devez commenter votre code !");
}

Spécifications

Spécification
DOM
# ref-for-dom-node-nodetype①

Compatibilité des navigateurs