Qual é o elemento.Método GetAttribute em JavaScript?

Às vezes, você precisa obter ou verificar o valor do atributo especificado de qualquer elemento para aplicar diferentes funcionalidades. Para esse fim, o JavaScript predefinido “getAttribute ()”O método é usado. Ele recupera o valor do atributo específico no elemento e, se não for encontrado, dá “nulo”.

Este post demonstrará o JavaScript “getAttribute ()”Método.

Qual é o elemento.Método getAttribute () em JavaScript?

O "getAttribute ()”O método é utilizado para recuperar o valor do atributo fornecido de um elemento HTML. Dá "nulo”Se o atributo especificado não for encontrado.

Sintaxe

Utilize a seguinte sintaxe para o “getAttribute ()”Método:

elemento.getAttribute (nome do atributo)

Exemplo

Em um arquivo html, crie um título com um elemento "H4" em um elemento "div":

Método javascript getAttribute ()

Obtenha a referência de um elemento “div"Usando sua identificação atribuída"div" com a ajuda de "getElementById ()”Método:

const elemento = documento.getElementById ('div');

Ligar para "getAttribute ()”Método e passe um argumento“estilo”Para obter o atributo Valor of Style:

const styleattribute = elemento.getAttribute ('estilo');

Imprima o valor do atributo de estilo no console usando o “console.registro()”Método:

console.log ("o valor do atributo 'estilo' da div é:" + styleattribute);

Como você pode ver, a saída exibe o “Alinhamento de texto: centro;”Que é o valor do atributo de estilo do elemento div:

Agora, obtenha o valor do “aula”Atributo no elemento div passando“aula”Como argumento:

const Classattribute = elemento.getAttribute ('classe');

Por fim, imprima o valor do atributo especificado no console:

console.log ("o valor do atributo 'classe' da div é:" + classattribute);

Dá "nulo”Isso indica que o atributo especificado não é encontrado no elemento:

É tudo sobre o método getAttribute () em javascript.

Conclusão

O "getAttribute ()”O método é utilizado para recuperar o“valor”De um atributo especificado de um elemento HTML. Se o atributo dado não for encontrado, ele dá “nulo”. Este post demonstrou o uso do JavaScript “getAttribute ()”Método.