Método setAttribute() del DOM de HTML

Objeto Elemento de HTML DOM

setAttribute()El método establece el valor del atributo del elemento especificado.

Si el atributo ya existe, actualiza el valor; de lo contrario, se añade un nuevo atributo con el nombre y valor especificados.

UsoremoveAttribute()El método elimina el atributo del elemento.

Sintaxis:

element.setAttribute(name, value)

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

Compatibilidad del navegador

Todos los navegadores soportan completamente el método setAttribute():

valor del parámetro

Detalles técnicos

Más ejemplos

Cambiar el botón de entrada a campo de entrada:

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

Establecer el valor de la propiedad href del elemento ancla:

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

Referencias relacionadas

Tutoriales de HTML:Atributos de HTML

Referencia de HTML DOM:elemento Método .hasAttribute()

Referencia de HTML DOM:elemento Método .getAttribute()

Referencia de HTML DOM:elemento Método .removeAttribute()

Objeto Elemento de HTML DOM