Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM setAttribute() Method

<Element Przedmiot

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

Przykłady

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


<Element Przedmiot