Propriedade nodeName do Elemento DOM HTML

Definição e uso

nodeName Retorna o nome do nó:

  • se o nó for um nó de elemento, a propriedade nodeName retornanome da etiqueta(em maiúsculas).
  • se o nó for um nó de atributo, a propriedade nodeName retornao nome do atributo.
  • se o nó for um nó de texto, a propriedade nodeName retorna #text.
  • se o nó for um nó de comentário, a propriedade nodeName retorna #comment.
  • se o nó for um nó de documento, a propriedade nodeName retorna #document.

a propriedade nodeName é apenas leitura.

veja também:

propriedade nodeType

propriedade nodeValue

propriedade tagName

propriedade childNodes

Exemplo

Exemplo 1

retorna o nome do nó do elemento <p>:

document.getElementById("myP").nodeName;

Experimente pessoalmente

Exemplo 2

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

document.body.nodeName;

Experimente pessoalmente

Exemplo 3

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

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

Experimente pessoalmente

Exemplo 4

Obter o nome do nó, valor e tipo do primeiro filho do "myDIV":

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

Experimente pessoalmente

sintaxe

element.nodeName

ou

node.nodeName

valor de retorno

  • o nó de elemento retornanome da etiqueta(em maiúsculas)
  • o nó de atributo retornanome do atributo
  • o nó de texto retorna #text
  • o nó de comentário retorna #comment
  • o nó de documento retorna #document

suporte do navegador

element.nodeName é uma característica do DOM Level 1 (1998).

Todos os navegadores suportam completamente ele:

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