English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Propriété nodeType de HTML DOM

Objet Element HTML DOM

La propriété nodeType est une propriété lecture seule qui retourne le type de nœud spécifié sous forme de nombre.

La propriété nodeType peut être utilisée pour distinguer différents types de nœuds, par exemple les éléments, le texte et les commentaires.

Si le noeud est un noeud d'élément, la propriété nodeType retournera1.

Si le noeud est un noeud de propriété, la propriété nodeType retournera2.

Si le noeud est un noeud de texte, la propriété nodeType retournera3.

Si le noeud est un noeud de commentaire, la propriété nodeType retournera8.

Syntaxe :

node.nodeType
var x = document.getElementById("myPara").nodeType;
Voyons voir‹/›

Compatibilité du navigateur

Tous les navigateurs supportent complètement la propriété nodeType :

Propriété
nodeTypeEstEstEstEstEst

Détails techniques

Valeur de retour :Un nombre représentant le type de nœud du noeud
Version DOM :Niveau DOM1

Types de nœuds (Node Types)

Le document, l'élément, la propriété et d'autres aspects des documents HTML ou XML possèdent des types de nœuds différents.

Existe 12 Différents types de nœuds, certains peuvent avoir des nœuds enfants de types différents :

type de noeudDescriptionNoeud enfant
1ElementReprésente un élémentÉlément, Texte, Commentaire, Instruction de traitement, Section CDATA, Référence d'entité
2AttrReprésente une propriétéTexte, Référence d'entité
3TextReprésente le contenu texte d'un élément ou d'une propriété.None
4CDATASectionReprésente la section CDATA du document (texte qui ne sera pas analysé par l'analyseur).None
5EntityReferenceReprésente une référence d'entité.Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
6EntitéReprésente une entité.Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
7Instruction de traitementReprésente une instruction de traitement.None
8Commentreprésente le commentaire.None
9Documentreprésente tout le document (le noeud racine de l'arbre DOM).Element, ProcessingInstruction, Comment, DocumentType
10DocumentTypefournit une interface aux entités définies pour le documentNone
11DocumentFragmentreprésente un objet Document léger, capable de contenir une partie du documentElement, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
12Notationreprésente le symbole déclaré dans le DTD.None

type de noeud - valeur de retour

Pour chaque type de noeud, les valeurs retournées par les attributs nodeName et nodeValue :

type de noeudnodeName retournenodeValue retourne
1Elementnom de l'élémentnull
2Attrnom de l'attributvaleur de l'attribut
3Text#textle contenu du noeud
4CDATASection#cdata-sectionle contenu du noeud
5EntityReferencenom de la référence d'entiténull
6Entiténom de l'entiténull
7Instruction de traitementciblele contenu du noeud
8Comment#commenttexte de commentaire
9Document#documentnull
10DocumentTypenom de type de documentnull
11DocumentFragment#fragment de documentnull
12Notationnom de symbolenull

type de noeud-constante nommée

type de noeudnommé en constante
1ELEMENT_NODE
2ATTRIBUTE_NODE
3TEXT_NODE
4CDATA_SECTION_NODE
5ENTITY_REFERENCE_NODE
6ENTITY_NODE
7PROCESSING_INSTRUCTION_NODE
8COMMENT_NODE
9DOCUMENT_NODE
10DOCUMENT_TYPE_NODE
11DOCUMENT_FRAGMENT_NODE
12NOTATION_NODE

Plus d'exemples

Ce exemple vérifie si le premier noeud de l'élément document est un noeud de commentaire, s'il ne l'est pas, il affiche un message :

var node = document.documentElement.firstChild;
if (node.nodeType != Node.COMMENT_NODE) {
   alert("Vous devriez bien commentez votre code !");
 }
Voyons voir‹/›

Retourner le nom, le type et la valeur du premier enfant du div :

<div id="div-1">Ceci est un élément div.</div>
<script>
var x = document.getElementById("div-1).firstChild;
var txt = "";
txt += "Le nom de node : " + x.nodeName + "<br>";
txt += "La valeur de node : " + x.nodeValue + "<br>";
txt += "Le type de node : " + x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>
Voyons voir‹/›

Références associées

Référence HTML DOM :node propriété .nodeName

Référence HTML DOM :node propriété .nodeValue

Référence HTML DOM :node propriété .childNodes

Objet Element HTML DOM