Los últimos tutoriales de desarrollo web
 

HTML DOM nodeName Propery

<Elemento de objeto

Ejemplo

Obtener el nombre de un nodo <p> elemento:

var x = document.getElementById("myP").nodeName;

El resultado de x será:

P
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

La propiedad nombreNodo devuelve el nombre del nodo especificado.

Si el nodo es un nodo de elemento, la propiedad nombreNodo devolverá el nombre de la etiqueta.

Si el nodo es un nodo de atributo, la propiedad nombreNodo devolverá el nombre del atributo.

Para otros tipos de nodos, la propiedad volverá nombreNodo diferentes nombres para diferentes tipos de nodos.

Consejo: También puede utilizar el tagName propiedad para devolver el nombre de la etiqueta de un elemento. La diferencia es que solamente volver tagName nombres de etiqueta, mientras que nombreNodo devuelve el nombre de todos los nodos (tags, attributes, text, comments) .

Esta propiedad es de solo lectura.


Soporte del navegador

Propiedad
nodeName

Sintaxis

node .nodeName

Detalles técnicos

Valor de retorno: Una cadena, que representa el nombre del nodo.

Valores posibles:

  • Devuelve el nombre de etiqueta para los nodos de elementos, en mayúsculas
  • Devuelve el nombre del atributo para los nodos de atributos
  • Devuelve "#text" para los nodos de texto
  • Devuelve "#comment" para los nodos de comentario
  • Devuelve "#document" para los nodos del documento
Versión DOM Nivel básico de objetos 1 Nodo

Ejemplos

Más ejemplos

Ejemplo

Obtener el nombre de nodo del <body> elemento:

var x = document.body.nodeName;

El resultado de x será:

BODY
Inténtalo tú mismo "

Ejemplo

Obtener los nombres de los nodos de los <body> nodos hijo del elemento:

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
    txt = txt + c[i].nodeName + "<br>";
}

document.getElementById("demo").innerHTML = txt;

El resultado de txt será:

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
Inténtalo tú mismo "

Ejemplo

Recibe el nombre de nodo, el valor de nodo y el tipo de nodo de la <div> primer nodo hijo del elemento:

<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>

El resultado de txt será:

The node name: #text
The node value: This is a div element.
The node type: 3
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML DOM: elemento. tagName propiedad

Referencia HTML DOM: nodo. nodeType propiedad

Referencia HTML DOM: nodo. nodeValue propiedad

Referencia HTML DOM: nodo. childNodes propiedad


<Elemento de objeto