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