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 |
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