Attribut nodeType de l'élément HTML DOM
- Page précédente nodeName
- Page suivante nodeValue
- Retour en haut de page Objet Elements DOM HTML
Définition et utilisation
nodeType
L'attribut retourne le type de nœud spécifié sous forme numérique.
- Si le nœud est un nœud d'élément, l'attribut nodeType retournera
1
. - Si le nœud est un nœud d'attribut, l'attribut nodeType retournera
2
. - Si le nœud est un nœud de texte, l'attribut nodeType retournera
3
. - Si le nœud est un nœud de commentaire, l'attribut nodeType retournera
8
.
Cette propriété est en lecture seule.
Veuillez également consulter :
Exemple
Exemple 1
Obtenir le type de nœud de l'élément body:
var x = document.getElementById("myP").nodeType;
Exemple 2
Retourner le type de nœud de l'élément <body>:
document.body.nodeType;
Exemple 3
Afficher le type de nœud de tous les éléments:
const nodes = document.body.childNodes; let text = ""; for (let i = 0; i < nodes.length; i++) { text += nodes[i].nodeType + "<br>"; }
Exemple 4
Obtenir le nom de nœud, la valeur et le type du premier enfant de "myDIV":
const x = document.getElementById("myDIV").firstChild; let text = ""; text += "Name: " + x.nodeName + "<br>"; text += "Value: " + x.nodeValue + "<br>"; text += "Type: " + x.nodeType;
Syntaxe
nœud.nodeType
Valeur renvoyée
Type | Description |
---|---|
Numérique | Type de nœud du nœud. Voir le tableau suivant. |
Type de nœud
Les documents HTML ou XML, les éléments, les attributs et les autres nœuds ont des types de nœuds différents.
Il y a 12 types de nœuds différents, qui peuvent avoir des sous-nœuds de différents types :
Type | Description | Enfants | |
---|---|---|---|
1 | Element | Représente un élément |
|
2 | Attr | Représente une propriété |
|
3 | Text | Représente le contenu textuel d'un élément ou d'une propriété | Aucun. |
4 | CDATASection | Représente une section CDATA dans le document (Texte qui n'est pas analysé par l'analyseur) |
Aucun. |
5 | EntityReference | Représente une référence d'entité |
|
6 | Entité | Représente une entité |
|
7 | ProcessingInstruction | Représente une instruction de traitement | Aucun. |
8 | Comment | Représente un commentaire | Aucun. |
9 | Document | Représente tout le document (le nœud racine de l'arbre DOM) |
|
10 | DocumentType | Fournit une interface aux entités définies pour le document | Aucun. |
11 | DocumentFragment | Représente un objet Document 'léger' qui peut sauvegarder un fragment de document. |
|
12 | Notation | Représente les symboles déclarés dans le DTD | Aucun. |
Type de nœud - valeurs renvoyées
Chaque type de nœud a un nodeName et un nodeValue renvoyés par les propriétés :
Type | nodeName | nodeValue | |
---|---|---|---|
1 | Element | Nom de l'élément | null |
2 | Attr | Nom de l'attribut | Valeur de l'attribut |
3 | Text | #text | Contenu du nœud |
4 | CDATASection | #cdata-section | Contenu du nœud |
5 | EntityReference | Nom de la référence d'entité | null |
6 | Entité | Nom d'entité | null |
7 | ProcessingInstruction | cible | Contenu du nœud |
8 | Comment | #comment | Texte de commentaire |
9 | Document | #document | null |
10 | DocumentType | Nom de doctype | null |
11 | DocumentFragment | #document fragment | null |
12 | Notation | Nom symbolique | null |
Type de nœud - constantes nommées
Type | Constantes nommées |
---|---|
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 |
Support du navigateur
element.nodeType
C'est une caractéristique de DOM Level 1 (1998).
Tous les navigateurs le supportent complètement :
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Support | 9-11 | Support | Support | Support | Support |
- Page précédente nodeName
- Page suivante nodeValue
- Retour en haut de page Objet Elements DOM HTML