Propriété HTML DOM nodeType
Exemple
Obtenez le type de nœud de l'élément body :
var x = document.getElementById("myP").nodeType;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété nodeType renvoie le type de nœud, sous forme de nombre, du nœud spécifié.
Si le nœud est un nœud d'élément, la propriété nodeType renverra 1.
Si le nœud est un nœud d'attribut, la propriété nodeType renverra 2.
Si le nœud est un nœud de texte, la propriété nodeType renverra 3.
Si le nœud est un nœud de commentaire, la propriété nodeType renverra 8.
Cette propriété est en lecture seule.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Syntaxe
node.nodeType
Détails techniques
Valeur de retour : | Un nombre, représentant le type de nœud du nœud |
---|---|
Version DOM | Objet de nœud principal de niveau 1 |
Types de nœuds
Les documents, éléments, attributs et autres aspects d'un document HTML ou XML ont différents types de nœuds.
Il existe 12 types de nœuds différents, qui peuvent avoir des enfants de différents types de nœuds :
Node type | Description | Children | |
---|---|---|---|
1 | Element | Represents an element | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 | Attr | Represents an attribute | Text, EntityReference |
3 | Text | Represents textual content in an element or attribute | None |
4 | CDATASection | Represents a CDATA section in a document (text that will NOT be parsed by a parser) | None |
5 | EntityReference | Represents an entity reference | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 | Entity | Represents an entity | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 | ProcessingInstruction | Represents a processing instruction | None |
8 | Comment | Represents a comment | None |
9 | Document | Represents the entire document (the root-node of the DOM tree) | Element, ProcessingInstruction, Comment, DocumentType |
10 | DocumentType | Provides an interface to the entities defined for the document | None |
11 | DocumentFragment | Represents a "lightweight" Document object, which can hold a portion of a document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | Represents a notation declared in the DTD | None |
Types de nœud - Valeurs de retour
La valeur de retour des propriétés nodeName et nodeValue pour chaque type de nœud :
Node type | nodeName returns | nodeValue returns | |
---|---|---|---|
1 | Element | element name | null |
2 | Attr | attribute name | attribute value |
3 | Text | #text | content of node |
4 | CDATASection | #cdata-section | content of node |
5 | EntityReference | entity reference name | null |
6 | Entity | entity name | null |
7 | ProcessingInstruction | target | content of node |
8 | Comment | #comment | comment text |
9 | Document | #document | null |
10 | DocumentType | doctype name | null |
11 | DocumentFragment | #document fragment | null |
12 | Notation | notation name | null |
NodeTypes - Constantes nommées
NodeType | Named Constant |
---|---|
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 |
Plus d'exemples
Exemple
Obtenez le type de nœud de l'élément <body> :
var x = document.body.nodeType;
Exemple
Obtenez les types de nœuds des nœuds enfants de l'élément <body> :
var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeType + "<br>";
}
document.getElementById("demo").innerHTML = txt;
Exemple
Obtenez le nom du nœud, la valeur du nœud et le type de nœud du premier nœud enfant de l'élément <div> :
<div id="myDIV">This is a div element.</div>
<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>
Pages connexes
Référence HTML DOM : nœud. Propriété nodeName
Référence HTML DOM : nœud. propriété nodeValue
Référence HTML DOM : nœud. Propriété childNodes