Método setAttribute() do HTML DOM

Objeto Elemento do HTML DOM

setAttribute()O método define o valor do atributo do elemento especificado.

Se o atributo já existir, atualizará o valor; caso contrário, adicionará um novo atributo com o nome e valor especificados.

UsoremoveAttribute()O método remove o atributo do elemento.

Sintaxe:

element.setAttribute(name, value)

var x = document.getElementsByTagName("H1")[0];
x.setAttribute("class", "demo");

Compatibilidade do navegador

Todos os navegadores suportam completamente o método setAttribute():

Valor do parâmetro

Detalhes Técnicos

Mais Exemplos

Mude o botão de entrada para campo de entrada:

document.getElementsByTagName("input")[0].setAttribute("type", "text");

Defina o valor da propriedade href do elemento âncora:

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https:")//pt.oldtoolbag.com/CSS3/");

Referências Relacionadas

Tutorial HTML:Atributos HTML

Referência do HTML DOM:element Método .hasAttribute()

Referência do HTML DOM:element Método .getAttribute()

Referência do HTML DOM:element Método .removeAttribute()

Objeto Elemento do HTML DOM