Atributo nodeName del Elemento DOM HTML

Definición y uso

nodeName Retorna el nombre del nodo:

  • si el nodo es un nodo de elemento, la propiedad nodeName devuelvenombre de la etiqueta(mayúsculas).
  • si el nodo es un nodo de atributo, la propiedad nodeName devuelveel nombre del atributo.
  • si el nodo es un nodo de texto, la propiedad nodeName devuelve #text.
  • si el nodo es un nodo de comentario, la propiedad nodeName devuelve #comment.
  • si el nodo es un nodo de documento, la propiedad nodeName devuelve #document.

la propiedad nodeName es de solo lectura.

véase también:

propiedad nodeType

propiedad nodeValue

propiedad tagName

propiedad childNodes

Ejemplo

Ejemplo 1

devuelve el nombre del nodo del elemento <p>:

document.getElementById("myP").nodeName;

prueba personalmente

Ejemplo 2

devuelve el nombre del nodo del elemento <body>:

document.body.nodeName;

prueba personalmente

Ejemplo 3

Obtener el nombre del nodo de los nodos hijos del elemento <body>:

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

prueba personalmente

Ejemplo 4

Obtener el nombre del nodo, valor y tipo del primer hijo del "myDIV":

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

prueba personalmente

sintaxis

element.nodeName

o

node.nodeName

valor de retorno

  • el nodo de elemento devuelvenombre de la etiqueta(mayúsculas)
  • el nodo de atributo devuelvenombre del atributo
  • el nodo de texto devuelve #text
  • el nodo de comentario devuelve #comment
  • el nodo de documento devuelve #document

soporte del navegador

element.nodeName es una característica de DOM Level 1 (1998).

Todos los navegadores lo soportan completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
soporte 9-11 soporte soporte soporte soporte