Metodo setAttribute() dell'HTML DOM

Oggetto Elemento HTML DOM

setAttribute()Il metodo imposta il valore dell'attributo dell'elemento specificato.

Se l'attributo esiste già, viene aggiornato il valore; altrimenti, viene aggiunto un nuovo attributo con il nome e il valore specificati.

UsareremoveAttribute()Il metodo rimuove l'attributo dall'elemento.

Sintassi:

element.setAttribute(name, value)

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

Compatibilità del browser

Tutti i browser supportano completamente il metodo setAttribute():

valore del parametro

Dettagli Tecnici

Più Esempi

Cambia il pulsante di input in campo di input:

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

Imposta il valore dell'attributo href per l'elemento ancore:

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

Referenze Correlate

Tutorial HTML:Attributi HTML

Referenza HTML DOM:elemento Metodo .hasAttribute()

Referenza HTML DOM:elemento Metodo .getAttribute()

Referenza HTML DOM:elemento Metodo .removeAttribute()

Oggetto Elemento HTML DOM