Jaki jest element.Metoda getAttribute w JavaScript?

Jaki jest element.Metoda getAttribute w JavaScript?

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


Metoda JavaScript getAttribute ()


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.