The ustawatrybut() Metoda służy do ustawiania lub dodawania atrybutu do określonego elementu i zapewnia mu wartość. Jeśli atrybut już istnieje, ustawia lub zmienia tylko wartość atrybutu. Zatem możemy również skorzystać z ustawatrybut() metoda aktualizacji wartości istniejącego atrybutu. Jeśli odpowiedni atrybut nie istnieje, utworzy nowy atrybut o określonej nazwie i wartości. Ta metoda nie zwraca żadnej wartości. Nazwa atrybutu jest automatycznie konwertowana na małe litery, gdy używamy jej w elemencie HTML.
Chociaż możemy dodać styl atrybut za pomocą ustawatrybut() metody, ale nie zaleca się stosowania tej metody do stylizacji. Do dodawania stylów możemy wykorzystać właściwości obiektu stylu, które skutecznie zmienią styl. Można to wyjaśnić za pomocą poniższego kodu.
Niewłaściwy sposób
Zaleca się, aby nie używać go do zmiany stylu.
element.setAttribute('style', 'background-color: blue;');
Właściwa droga
Poniżej podano prawidłowy sposób zmiany stylu.
redukcja Pythona
element.setAttribute.backgroundColor = 'blue';
Aby uzyskać wartość atrybutu, możemy użyć metody pobierz atrybut() metodę i aby usunąć konkretny atrybut z elementu, możemy użyć metody usuńAtrybut() metoda.
Jeśli dodamy atrybut logiczny, taki jak wyłączony , to niezależnie od wartości, jaką ma, zawsze jest uważana za PRAWDA . Jeśli chcemy ustawić wartość atrybutu Boolean na FAŁSZ , musimy usunąć cały atrybut za pomocą usuńatrybut() metoda .
Składnia
element.setAttribute(attributeName, attributeValue)
Argumenty tej metody nie są opcjonalne. W przypadku korzystania z tej metody należy uwzględnić oba parametry. Wartości parametrów tej metody definiuje się w następujący sposób.
Oświadczenie w sprawie Verilog
Wartości parametrów
Nazwa atrybutu: Jest to nazwa atrybutu, który chcemy dodać do elementu. Nie może pozostać puste; tj. nie jest to opcjonalne.
wartość atrybutu: Jest to wartość atrybutu, którą dodajemy do elementu. Nie jest to również wartość opcjonalna.
Rozumiemy, jak używać ustawatrybut() metodą, korzystając z ilustracji.
Przykład 1
W tym przykładzie dodajemy a href atrybut o wartości „https://www.javatpoint.com/” do oznacz z identyfikator = „link” .
JavaScript setAttribute() method function fun() { document.getElementById('link').setAttribute('href', 'https://www.javatpoint.com/'); } <h2> It is an example of adding an attribute using the setAttribute() method. </h2> <a id="link"> javaTpoint.com </a> <p> Click the follwing button to see the effect. </p> Add attribute Przetestuj teraz Wyjście
instrukcja JavaScript if
Po wykonaniu powyższego kodu wyjściem będzie -
Widzimy, że przed kliknięciem danego przycisku link nie zostaje utworzony. Po kliknięciu przycisku wyjściem będzie -
Teraz widzimy, że łącze zostało utworzone.
Przykład2
W tym przykładzie aktualizujemy wartość istniejącego atrybutu za pomocą ustawatrybut() metoda. Tutaj konwertujemy pole tekstowe na przycisk, zmieniając wartość typ atrybut z tekst Do przycisk .
Musimy kliknąć określony przycisk, aby zobaczyć efekt.
JavaScript setAttribute() method function fun() { document.getElementById('change').setAttribute('type', 'button'); } <h2> It is an example to update an attribute's value using the setAttribute() method. </h2> <p> Click the follwing button to see the effect. </p> Change Przetestuj teraz Wyjście
Po wykonaniu powyższego kodu wyjściem będzie -
Po kliknięciu przycisku wyjściem będzie -
Przykład 3
Tutaj dodajemy atrybut Boolean wyłączony aby wyłączyć określony przycisk. Jeżeli ustalimy wartość wyłączony atrybut do pustego ciągu, wówczas automatycznie ustawiany jest na wartość true, co powoduje wyłączenie przycisku.
lista
JavaScript setAttribute() method function fun() { document.getElementById('btn').setAttribute('disabled', ''); } <h2> Example of the setAttribute() method. </h2> <p> Click the following button to see the effect </p> Click me Przetestuj teraz Wyjście
Po wykonaniu powyższego kodu wyjściem będzie -
Po kliknięciu przycisku wyjściem będzie -
