Alteração de atributos do elemento pelo JS DOM

HTML DOM permite que o JavaScript obtenha e altere os atributos dos elementos HTML.

Obter o valor do atributo do elemento

getAttribute()O método é usado para obter o valor do atributo atual do elemento.

abaixo há exemplos de obtenção do elemento âncorahrefetitleAtributo do valor:

var link = document.getElementById("demo");
var href = link.getAttribute("href");
var title = link.getAttribute("title");

Definir atributo no elemento

setAttribute()Método usado para definir o valor do atributo do elemento especificado.

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

Este exemplohrefO valor da propriedade do elemento de âncora é configurado para:

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

Da mesma forma, você pode usarsetAttribute()Método usado para atualizar ou alterar o valor do atributo existente no elemento HTML.

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

Remover atributo do elemento

removeAttribute()Método usado para remover atributos do elemento especificado.

Este exemplo removehrefAtributo:

document.getElementsByTagName("a")[0].removeAttribute("href");