English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
node.nodeType
var x = document.getElementById("myPara").nodeType;Voyons voir‹/›
Tous les navigateurs supportent complètement la propriété nodeType :
Propriété | |||||
nodeType | Est | Est | Est | Est | Est |
Valeur de retour : | Un nombre représentant le type de nœud du noeud |
---|---|
Version DOM : | Niveau DOM1 |
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 noeud | Description | Noeud enfant | |
---|---|---|---|
1 | Element | Représente un élément | Élément, Texte, Commentaire, Instruction de traitement, Section CDATA, Référence d'entité |
2 | Attr | Représente une propriété | Texte, Référence d'entité |
3 | Text | Représente le contenu texte d'un élément ou d'une propriété. | None |
4 | CDATASection | Représente la section CDATA du document (texte qui ne sera pas analysé par l'analyseur). | None |
5 | EntityReference | Représente une référence d'entité. | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 | Entité | Représente une entité. | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 | Instruction de traitement | Représente une instruction de traitement. | None |
8 | Comment | représente le commentaire. | None |
9 | Document | représente tout le document (le noeud racine de l'arbre DOM). | Element, ProcessingInstruction, Comment, DocumentType |
10 | DocumentType | fournit une interface aux entités définies pour le document | None |
11 | DocumentFragment | représente un objet Document léger, capable de contenir une partie du document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | représente le symbole déclaré dans le DTD. | None |
Pour chaque type de noeud, les valeurs retournées par les attributs nodeName et nodeValue :
type de noeud | nodeName retourne | nodeValue retourne | |
---|---|---|---|
1 | Element | nom de l'élément | null |
2 | Attr | nom de l'attribut | valeur de l'attribut |
3 | Text | #text | le contenu du noeud |
4 | CDATASection | #cdata-section | le contenu du noeud |
5 | EntityReference | nom de la référence d'entité | null |
6 | Entité | nom de l'entité | null |
7 | Instruction de traitement | cible | le contenu du noeud |
8 | Comment | #comment | texte de commentaire |
9 | Document | #document | null |
10 | DocumentType | nom de type de document | null |
11 | DocumentFragment | #fragment de document | null |
12 | Notation | nom de symbole | null |
type de noeud | nommé en constante |
---|---|
1 | ELEMENT_NODE |
2 | ATTRIBUTE_NODE |
3 | TEXT_NODE |
4 | CDATA_SECTION_NODE |
5 | ENTITY_REFERENCE_NODE |
6 | ENTITY_NODE |
7 | PROCESSING_INSTRUCTION_NODE |
8 | COMMENT_NODE |
9 | DOCUMENT_NODE |
10 | DOCUMENT_TYPE_NODE |
11 | DOCUMENT_FRAGMENT_NODE |
12 | NOTATION_NODE |
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é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