Attribut nodeName de l'Element DOM HTML

Définition et utilisation

nodeName Retourne le nom du nœud :

  • si le noeud est un noeud d'élément, l'attribut nodeName retournenom de la balise(en majuscules).
  • si le noeud est un noeud de l'attribut, l'attribut nodeName retournenom de l'attribut.
  • si le noeud est un noeud de texte, l'attribut nodeName retourne #text.
  • si le noeud est un noeud de commentaire, l'attribut nodeName retourne #comment.
  • si le noeud est un noeud de document, l'attribut nodeName retourne #document.

l'attribut nodeName est en lecture seule.

voir également :

propriété nodeType

propriété nodeValue

propriété tagName

propriété childNodes

exemple

exemple 1

retourne le nom du noeud de l'élément <p> :

document.getElementById("myP").nodeName;

essayez-le vous-même

exemple 2

retourne le nom du noeud de l'élément <body> :

document.body.nodeName;

essayez-le vous-même

exemple 3

obtenir le nom des noeuds des enfants de l'élément <body> :

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}

essayez-le vous-même

exemple 4

obtenir le nom, la valeur et le type du noeud 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;

essayez-le vous-même

syntaxe

element.nodeName

ou

node.nodeName

valeur de retour

  • le noeud d'élément est retournénom de la balise(en majuscules)
  • le noeud de l'attribut est retournénom de l'attribut
  • le noeud de texte est retourné #text
  • le noeud de commentaire est retourné #comment
  • le noeud de document est retourné #document

support du navigateur

element.nodeName c'est une caractéristique du niveau DOM 1 (1998).

Tous les navigateurs le supportent pleinement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
supporté 9-11 supporté supporté supporté supporté