Resumo : neste tutorial, você aprenderá como usar o JavaScript removeAttribute()
para remover o atributo com o nome especificado do elemento.
Introdução ao removeAttribute()
método JavaScript
Remove removeAttribute()
um atributo com um nome especificado de um elemento:
element.removeAttribute(name);
Linguagem de código: CSS ( css )
Parâmetros
O removeAttribute()
aceita um argumento que é o nome do atributo que você deseja remover. Se o atributo não existir, o removeAttribute()
método não gerará erro.
Valor de retorno
O removeAttribute()
retorna um valor de undefined
.
Notas de uso
Os elementos HTML possuem alguns atributos que são atributos booleanos. Para definir false
os atributos booleanos, você não pode simplesmente usar o setAttribute()
método, mas deve remover totalmente o atributo usando o removeAttribute()
método.
Por exemplo, os valores dos disabled
atributos estão true
nos seguintes casos:
<button disabled>Save Draft</button>
<button disabled="">Save</button>
<button disabled="disabled">Cancel</button>
Linguagem de código: HTML, XML ( xml )
Da mesma forma, os valores dos seguintes readonly
atributos são true
:
<input type="text" readonly>
<textarea type="text" readonly="">
<textarea type="text" readonly="readonly">
Linguagem de código: HTML, XML ( xml )
removeAttribute()
Exemplo de JavaScript
O exemplo a seguir usa o removeAttribute()
método para remover o target
atributo do elemento link com o id js
:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS removeAttribute() Demo</title>
</head>
<body>
<a href="https://tutorials.acervolima.com"
target="_blank"
id="js">JavaScript Tutorial</a>
<script>
let link = document.querySelector('#js');
if (link) {
link.removeAttribute('target');
}
</script>
</body>
</html>
Linguagem de código: HTML, XML ( xml )
Como funciona:
- Selecione o elemento de link com id
js
usando oquerySelector()
método. - Remova o
target
atributo chamando oremoveAttribute()
no elemento de link selecionado.
Resumo
- Use
removeAttribute()
para remover um atributo de um elemento especificado. - Definir o valor de um atributo booleano como
false
não funcionará; use oremoveAttribute()
método.