Método getAttribute() do Elemento DOM HTML

Definição e uso

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

Veja também:

Método setAttribute()

Método removeAttribute()

Método hasAttribute()

Método hasAttributes()

Método createAttribute()

Método getAttributeNode()

Método setAttributeNode()

Método removeAttributeNode()

Tutorial:

Atributos HTML

Exemplo

Exemplo 1

Obter o valor do atributo class do elemento:

let text = element.getAttribute("class");

Experimente você mesmo

Exemplo 2

Obter o valor do atributo target do elemento <a>:

let text = myAnchor.getAttribute("target");

Experimente você mesmo

Exemplo 3

Obter o valor do atributo onclick do elemento <button>:

let text = myButton.getAttribute("onclick");

Experimente você mesmo

Sintaxe

element.getAttribute(name)

Parâmetros

Parâmetros Descrição
name Obrigatório. O nome do atributo.

Retorno

Tipo Descrição
String O valor do atributo.
null Se o atributo não existir.

Detalhes técnicos

O objeto HTMLElement define os atributos JavaScript correspondentes a cada atributo HTML padrão, portanto, é necessário usar esse método em conjunto com o documento HTML apenas quando você precisar consultar o valor de atributos não padrão.

Em documentos XML, os valores dos atributos não podem ser usados diretamente como atributos de elementos, devem ser consultados através de métodos de chamada. Para documentos XML com namespaces, é necessário usar Método getAttributeNS().

Suporte do navegador

element.getAttribute É 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