Przykład
Dodać class atrybutu z wartością "democlass" do <h1> element:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
Przed ustawieniem atrybutu:
Hello World
Po ustawieniu atrybutu:
Hello World
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
setAttribute() Sposób dodaje specified cechę do elementu, i daje określoną wartość.
Jeśli specified atrybut już istnieje, tylko wartość jest ustawiona / zmianie.
Uwaga: Mimo, że jest to możliwe, aby dodać style atrybut o wartości do elementu z tej metody, zaleca się, aby użyć właściwości obiektu Style zamiast na rolkach stylizacji, bo to nie zastąpi inne właściwości CSS, które mogą być określone w style atrybut:
Zły:
element .setAttribute("style",
"background-color: red;");
Dobry:
element .style.backgroundColor
= "red";
Ważne: Z removeAttribute() sposobu w celu usunięcia atrybutu z elementu.
Wskazówka: Patrz również setAttributeNode() metody.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
metoda | |||||
---|---|---|---|---|---|
setAttribute() | tak | 9.0 | tak | tak | tak |
Składnia
element .setAttribute( attributename , attributevalue )
wartości parametrów
Parametr | Rodzaj | Opis |
---|---|---|
attributename | String | Wymagany. Nazwa atrybutu chcesz dodać |
attributevalue | String | Wymagany. Wartość atrybutu chcesz dodać |
Szczegóły techniczne
Zwracana wartość: | Nie zwraca wartości |
---|---|
DOM Version | Poziom Rdzeń 1 elementu obiektu |
Więcej przykładów
Przykład
Zmień pola wejściowego do przycisku wejściowego:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Przed ustawieniem atrybutu:
Po ustawieniu atrybutu:
Spróbuj sam " Przykład
Dodaj atrybut href o wartości "www.w3ii.com" do <a> element:
document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com");
Przed ustawieniem atrybutu:
Go to w3ii.com
Po ustawieniu atrybutu:
Spróbuj sam "Przykład
Dowiedzieć się, czy <a> element posiada atrybut target. Jeśli tak, należy zmienić wartość target przypisują "_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");
}
Spróbuj sam " Podobne strony
HTML Tutorial: Atrybuty HTML
HTML DOM: href="met_element_getattribute.html"> getAttribute() Method
HTML DOM: href="met_element_hasattribute.html"> hasAttribute() Method
HTML DOM: href="met_element_removeattribute.html"> removeAttribute() Method