Metodo HTML DOM setAttribute()
❮ L'oggetto elementoEsempio
Aggiungi l'attributo class con il valore di "democlass" a un elemento <h1>:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
Prima di impostare l'attributo:
Hello World
Dopo aver impostato l'attributo:
Hello World
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il metodo setAttribute() aggiunge l'attributo specificato a un elemento e gli assegna il valore specificato.
Se l'attributo specificato esiste già, viene impostato/modificato solo il valore.
Nota: sebbene sia possibile aggiungere l'attributo style con un valore a un elemento con questo metodo, si consiglia di utilizzare le proprietà dell'oggetto Style invece per lo stile in linea, poiché ciò non sovrascriverà altre proprietà CSS che potrebbero essere specificate in l'attributo di stile:
Male:
element.setAttribute("style", "background-color: red;");
Buono:
element.style.backgroundColor = "red";
Suggerimento: utilizzare il metodo removeAttribute() per rimuovere un attributo da un elemento.
Suggerimento: vedi anche il metodo setAttributeNode() .
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
| Method | |||||
|---|---|---|---|---|---|
| setAttribute() | Yes | 8.0 | Yes | Yes | Yes |
Sintassi
element.setAttribute(attributename, attributevalue)
Valori dei parametri
| Parameter | Type | Description |
|---|---|---|
| attributename | String | Required. The name of the attribute you want to add |
| attributevalue | String | Required. The value of the attribute you want to add |
Dettagli tecnici
| Valore di ritorno: | Nessun valore di ritorno |
|---|---|
| Versione DOM | Oggetto elemento di livello 1 di base |
Altri esempi
Esempio
Modificare un campo di input in un pulsante di input:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Prima di impostare l'attributo:
Dopo aver impostato l'attributo:
Esempio
Aggiungi un attributo href con un valore di "www.w3schools.com" a un elemento <a>:
document.getElementById("myAnchor").setAttribute("href", "https://www.w3schools.com");
Prima di impostare l'attributo:
Dopo aver impostato l'attributo:
Esempio
Scopri se un elemento <a> ha un attributo target. In tal caso, cambia il valore dell'attributo target in "_self":
// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");
// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}
Pagine correlate
Esercitazione HTML: attributi HTML
Riferimento HTML DOM: metodo getAttribute()
Riferimento HTML DOM: metodo hasAttribute()
Riferimento HTML DOM: metodo removeAttribute()
❮ L'oggetto elemento