element.nodeName

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété en lecture seule Node.nodeName renvoie le nom du nœud courant dans une chaîne.

Les valeurs retournées pour les différents types de noeuds sont :

Interface Valeur nodeName

Attr	La valeur de Attr.name
CDATASection	"#cdata-section"
Comment	"#comment"
Document	"#document"
DocumentFragment	"#document-fragment"
DocumentType	La valeur de DocumentType.name
Element	La valeur de Element.tagName
Entity	Le nom de l'entité
EntityReference	Le nom de la référence d'entité
Notation	Le nom de notation
ProcessingInstruction	La valeur de ProcessingInstruction.target
Text	"#text"

Dans cet article

Exemple

Avec le balisage suivant :

html
<div id="d1">hello world</div>
<input type="text" id="t" />

et le script suivant :

js
var div1 = document.getElementById("d1");
var text_field = document.getElementById("t");
text_field.value = div1.nodeName;

En XHTML (ou tout autre format XML), la valeur de text_field sera « div ». Cependant, en HTML, la valeur de text_field sera « DIV », parce que nodeName et tagName renvoient en casse majuscule sur les éléments HTML dans les DOM marqués comme des documents HTML. En lire plus détails sur la sensibilité à la casse de nodeName dans différents navigateurs (en).

Notez que la propriété tagName aurait pu être uilisée à la place, puisque nodeName a la même valeur que tagName pour un élément. Souvenez vous cependant que nodeName renverra #text pour les nœuds texte tandis que tagName renverra undefined.