Ultimele tutoriale de dezvoltare web
 

HTML DOM setAttribute() Method

<Element Object

Exemplu

Adăugați class atribut cu valoarea "democlass" la un <h1> Element:

document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");

Înainte de a seta atributul:

Hello World

După setarea atributului:

Hello World

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

setAttribute() metoda adaugă specified atributul unui element, și îi dă valoarea specificată.

În cazul în care se specified Atributul există deja, numai valoarea este setată / schimbat.

Notă: Deși este posibil să se adauge style atribut cu o valoare pentru un element cu această metodă, se recomandă să utilizați proprietăți ale obiectului Style în loc pentru Inline styling, deoarece acest lucru nu va suprascrie alte proprietăți CSS , care pot fi specificate în style atribut:

Rău:

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

Bun:

element .style.backgroundColor = "red";

Indicație: Utilizați removeAttribute() metoda pentru a elimina un atribut dintr - un element de .

Sfat: A se vedea , de asemenea, setAttributeNode() metoda.


Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.

Metodă
setAttribute() da 9 da da da

Sintaxă

element .setAttribute( attributename , attributevalue )

Valorile parametrilor

Parametru Tip Descriere
attributename String Necesar. Numele atributului pe care doriți să adăugați
attributevalue String Necesar. Valoarea atributului pe care doriți să adăugați

Detalii tehnice

Întoarcere Valoare: Nici o valoare returnată
DOM Versiunea Nivelul de bază 1 Element Obiect

Exemple

Mai multe exemple

Exemplu

Modificarea unui câmp de intrare la un buton de intrare:

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

Înainte de a seta atributul:

După setarea atributului:

Încearcă - l singur »

Exemplu

Adăugați un atribut href cu o valoare de "www.w3ii.com" la un <a> element de :

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

Înainte de a seta atributul:

Go to w3ii.com

După setarea atributului:

Încearcă - l singur »

Exemplu

Aflați dacă un <a> element are un atribut țintă. În acest caz, modificați valoarea target atribuie "_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");
}
Încearcă - l singur »

Pagini similare

Tutorial HTML: Atribute HTML

HTML DOM Reference: href="met_element_getattribute.html"> getAttribute() Method

HTML DOM Reference: href="met_element_hasattribute.html"> hasAttribute() Method

HTML DOM Reference: href="met_element_removeattribute.html"> removeAttribute() Method


<Element Object