RemoveAttribute JavaScript – Acervo Lima Tutorials

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 falseos 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 disabledatributos estão truenos 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 readonlyatributos 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 targetatributo 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 jsusando o querySelector()método.
Remova o targetatributo chamando o removeAttribute()no elemento de link selecionado.

Resumo

Use removeAttribute()para remover um atributo de um elemento especificado.
Definir o valor de um atributo booleano como falsenão funcionará; use o removeAttribute()método.

JavaScript getAttribute

JavaScript hasAttribute

Introdução ao removeAttribute()método JavaScript