Método getAttributeNode() do Elemento DOM HTML

Definição e uso

getAttribute() O método retorna o valor da propriedade especificada, em objeto Attr.

Alternativas:

Uso Método getAttribute() Será mais fácil.

Veja também:

Método setAttribute()

Método hasAttribute()

Método removeAttribute()

Método setAttributeNode()

Método removeAttributeNode()

Tutorial:

Atributos do HTML

Manual de Referência:

Objeto de Atributo do HTML DOM

Conhecimento: diferença entre getAttribute() e getAttributeNode()

getAttribute() O método retorna o valor da propriedade.

getAttributeNode() 方法返回 método de retorno do objeto Attrvocê deve usar Atributo Attr value para obter esse valor.

Os resultados são os mesmos.

Exemplo

Exemplo 1

Obter o valor do nó de atributo da propriedade class do elemento <h1>:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

Experimente você mesmo

Exemplo 2

Obter o valor do nó de atributo da propriedade target do elemento <a>:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

Experimente você mesmo

Exemplo 3

Obter o valor do nó de atributo da propriedade onclick do elemento <button>:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

Experimente você mesmo

Sintaxe

element.getAttributeNode(name)

Parâmetro

Parâmetro Descrição
name Obrigatório. O nome da propriedade.

Retorno

Tipo Descrição
Objeto Objeto Attr do nó de atributo.
null Se a propriedade não existir.

Descrição

getAttributeNode() O método retornará um nó Attr que representa o valor da propriedade especificada. Note que também pode obter esse nó Attr através da propriedade attributes herdada do interface Node.

Suporte do navegador

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

Todos os navegadores suportam completamente:

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