tutoriais mais recente desenvolvimento web
 

HTML DOM nodeName Propery

<Elemento de objeto

Exemplo

Obter o nome do nó de um <p> elemento:

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

O resultado x será:

P
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

A propriedade nodeName retorna o nome do nó especificado.

Se o nó é um nó de elemento, a propriedade nodeName irá retornar o nome da marca.

Se o nó é um nó de atributo, a propriedade nodeName irá retornar o nome do atributo.

Para outros tipos de nó, a propriedade nodeName retornará nomes diferentes para diferentes tipos de nós.

Dica: Você também pode usar o tagName propriedade para retornar o nome da marca de um elemento. A diferença é que tagName retornar apenas nomes de marcas, enquanto nodeName retorna o nome de todos os nós (tags, attributes, text, comments) .

Esta propriedade é somente leitura.


Suporte navegador

Propriedade
nodeName sim sim sim sim sim

Sintaxe

node .nodeName

Detalhes técnicos

Valor de retorno: A String, que representa o nome do nó.

Valores possíveis:

  • Retorna o tagname para nós do elemento, em letras maiúsculas
  • Retorna o nome do atributo para nós de atributo
  • Returns "#text" para nós de texto
  • Returns "#comment" para nós de comentário
  • Returns "#document" para nós do documento
DOM Versão Núcleo Nível Objeto 1 Node

Exemplos

mais Exemplos

Exemplo

Obter o nome do nó do <body> elemento:

var x = document.body.nodeName;

O resultado x será:

BODY
Tente você mesmo "

Exemplo

Obter os nomes de nó do <body> nós filhos do 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;

O resultado do txt será:

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
Tente você mesmo "

Exemplo

Obter o nome do nó, o valor de nó e o tipo de nó do <div> primeiro nó filho elemento de:

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

O resultado do txt será:

The node name: #text
The node value: This is a div element.
The node type: 3
Tente você mesmo "

Páginas relacionadas

HTML DOM referência: elemento. tagName propriedade

HTML DOM referência: nó. nodeType propriedade

HTML DOM referência: nó. nodeValue propriedade

HTML DOM referência: nó. childNodes propriedade


<Elemento de objeto