Resumo : neste tutorial você aprenderá como usar o JavaScript hasAttribute()para verificar se um elemento possui um atributo.
Introdução ao hasAttribute()método JavaScript
Para verificar se um elemento possui um atributo especificado ou não, você usa o hasAttribute()método:
let result = element.hasAttribute(name);
Linguagem de código: JavaScript ( javascript )Parâmetros
O hasAttribute()método aceita um argumento que especifica o nome do atributo que você deseja verificar.
Valor de retorno
O hasAttribute()retorna um valor booleano que indica se o elemento possui o atributo especificado.
Se o elemento contém um atributo, retorna hasAttribute()verdadeiro; caso contrário, ele retorna false.
hasAttribute()Exemplo de JavaScript
Veja o exemplo a seguir:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS hasAttribute() Demo</title>
</head>
<body>
<button id="btnSend" disabled>Send</button>
<script>
let btn = document.querySelector('#btnSend');
if (btn) {
let disabled = btn.hasAttribute('disabled');
console.log(disabled);
}
</script>
</body>
</html>
Linguagem de código: HTML, XML ( xml )Saída:
true
Linguagem de código: JavaScript ( javascript )Como funciona:
- Selecione o botão com o id btnSend usando o
querySelector()método. - Verifique se o botão possui o atributo desativado chamando o
hasAttribute()método no elemento do botão.
Resumo
- Use o
hasAttribute()método para verificar se um elemento contém um atributo especificado.
Anterior
Próximo
