Hello World

Dopo aver impostato l'attributo:

Hello World

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

Il setAttribute() metodo aggiunge il specified attributo per un elemento, e dà il valore specificato.

Se la specified attributo esiste già, solo il valore è impostato / cambiato.

Nota: Anche se è possibile aggiungere lo style attributo con un valore ad un elemento con questo metodo, si consiglia di utilizzare le proprietà dell'oggetto Style , invece, per inline styling, perché questo non cancella le proprietà CSS che possono essere specificate nel lo style attributi:

Cattivo:

element .setAttribute("style", "background-color: red;");

Buona:

element .style.backgroundColor = "red";

Suggerimento: Utilizzare la removeAttribute() metodo per rimuovere un attributo da un elemento.

Suggerimento: Vedere anche il setAttributeNode() metodo.

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.

Metodo
setAttribute()	sì	9.0	sì	sì	sì

Sintassi

element .setAttribute( attributename , attributevalue )

valori dei parametri

Parametro	Tipo	Descrizione
attributename	String	Necessario. Il nome dell'attributo che si desidera aggiungere
attributevalue	String	Necessario. Il valore dell'attributo che si desidera aggiungere

Dettagli tecnici

Valore di ritorno:	Nessun valore di ritorno
DOM Version	Nucleo Livello 1 elemento OBJECT

Altri esempi

Esempio

Modificare un campo di input a un tasto di ingresso:

document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");

Prima di impostare l'attributo:

Dopo aver impostato l'attributo:

Prova tu stesso "

Esempio

Aggiungere un attributo href con un valore di "www.w3ii.com" ad un <a> elemento:

document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com");

Prima di impostare l'attributo:

Go to w3ii.com

Dopo aver impostato l'attributo:

Go to w3ii.com

Prova tu stesso "

Esempio

Scopri se un <a> elemento ha un attributo target. In tal caso, modificare il valore del target attribuire a "_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");
}

Prova tu stesso "