Czasami musisz uzyskać lub sprawdzić wartość określonego atrybutu dowolnego elementu do zastosowania różnych funkcji. W tym celu JavaScript predefiniował „getAttribute ()„Zastosowana jest metoda. Pobiera wartość konkretnego atrybutu na elemencie, a jeśli nie zostanie znaleziony, daje „zero".
Ten post pokazuje JavaScript „getAttribute ()" metoda.
Jaki jest element.Metoda getAttribute () w JavaScript?
„„getAttribute ()„Metoda jest wykorzystywana do pobierania wartości danego atrybutu elementu HTML. To daje "zero”Jeśli określony atrybut nie zostanie znaleziony.
Składnia
Wykorzystaj następującą składnię dla „getAttribute ()" metoda:
element.getAttribute (atrybutename)Przykład
W pliku HTML utwórz nagłówek z elementem „H4” w elemencie „Div”:
Uzyskaj odniesienie do elementu „div”Korzystanie z przypisanego identyfikatora„div" z pomocą "getElementById ()" metoda:
const Element = dokument.getElementById („div”);Zadzwoń do "getAttribute ()„Metoda i przekazaj argument”styl„Aby uzyskać wartość atrybutu stylu:
const StyleAttribute = element.getAttribute („styl”);Wydrukuj wartość atrybutu stylu na konsoli za pomocą „konsola.dziennik()" metoda:
konsola.log („Wartość atrybutu„ Styl ”Div to:" + StyleAttribute);Jak widać, wyjście wyświetla „Text-Align: Center;”, Która jest wartością atrybutu stylu elementu DIV:
Teraz uzyskaj wartość „klasa”Atrybut na elemencie DIV, przekazując„klasa„Jako argument:
const classAttribute = element.getAttribute („klasa”);Na koniec wydrukuj wartość określonego atrybutu na konsoli:
konsola.log („Wartość atrybutu„ klas ”Div to:" + classAttribute);To daje "zero”To wskazuje, że określony atrybut nie znajduje się w elemencie:
To wszystko o metodzie getAttribute () w JavaScript.
Wniosek
„„getAttribute ()„Metoda jest wykorzystywana do pobierania„wartość”Określonego atrybutu elementu HTML. Jeśli dany atrybut nie zostanie znaleziony, daje „zero". Ten post wykazał użycie JavaScript „getAttribute ()" metoda.