Noen ganger må du få eller sjekke verdien av den spesifiserte attributtet til ethvert element for å bruke forskjellige funksjonaliteter. For dette formålet forhåndsdefinerte JavaScript “getAttribute ()”Metode brukes. Den henter verdien av den spesielle attributtet på elementet, og hvis den ikke blir funnet, gir den “null”.
Dette innlegget vil demonstrere JavaScript “getAttribute ()”Metode.
Hva er elementet.getAttribute () -metode i JavaScript?
“getAttribute ()”Metode brukes for å hente verdien av den gitte attributtet til et HTML -element. Det gir "null”Hvis den spesifiserte attributtet ikke er funnet.
Syntaks
Bruk følgende syntaks for "getAttribute ()”Metode:
element.getAttribute (AttributeName)Eksempel
I en HTML -fil, oppretter du en overskrift med et "H4" -element i et "Div" -element:
Få referanse til et element “div”Bruker den tildelte ID”div" med hjelp av "getElementById ()”Metode:
const element = dokument.getElementById ('div');Ring "getAttribute ()”Metode og gi et argument”stil”For å få verdien av stilattributt:
const styleAttribute = element.getAttribute ('stil');Skriv ut verdien av stilattributtet på konsollen ved å bruke “konsoll.Logg()”Metode:
konsoll.Logg ("Verdien av 'stilen' attributtet til DIV er:" + StyleAttribute);Som du kan se, viser utdataene “tekst-align: sentrum;”Som er verdien av stilattributtet til DIV -elementet:
Nå, få verdien av “klasse”Attributt på Div -elementet ved å passere“klasse”Som et argument:
const classAttribute = element.getAttribute ('klasse');Til slutt, skriv ut verdien til den spesifiserte attributtet på konsollen:
konsoll.Logg ("Verdien av 'klasse' attributtet til DIV er:" + classattribute);Det gir "null”Det indikerer at den spesifiserte attributtet ikke finnes i elementet:
Det handler om getAttribute () -metoden i JavaScript.
Konklusjon
“getAttribute ()”Metode brukes for å hente“verdi”Av en spesifisert attributt til et HTML -element. Hvis den gitte attributtet ikke blir funnet, gir den “null”. Dette innlegget demonstrerte bruken av JavaScript “getAttribute ()”Metode.