Metoden getElementsByClassName() brukes til å velge eller hente elementene gjennom deres klassenavnverdi. Denne DOM-metoden returnerer et array-lignende objekt som består av alle elementene som har det spesifiserte klassenavnet. Ved å kalle getElementsByClassName()-metoden på et bestemt element, vil den søke i hele dokumentet og returnere bare de elementene som samsvarer med det spesifiserte eller gitte klassenavnet.
Syntaks
var ele=document.getELementsByClassName('name');
Her er navn det obligatoriske argumentet som skal bestå. Det er strengen som spesifiserer enten et enkelt klassenavn eller flere klassenavn som skal samsvare.
Eksempel på getElementsByClassName()-metoden
La oss se på noen eksempler for å kjenne og forstå den praktiske implementeringen av metoden.
Eksempel
Det er en enkel klasseimplementering som returnerer et array-lignende objekt ved påkalling av variabelen x.
<h5>DOM Methods </h5> This is a simple class implementation var x=document.getElementsByClassName('Class'); document.write('On calling x, it will return an arrsy-like object: <br>'+x);
Produksjon:
På samme måte kan vi implementere metoden getElementsByClassName() for å returnere samlinger av elementer for flere klasser.
Forskjellen mellom metodene getElementsByClassName(), querySelector() og querySelectorAll()
getElementsByClassName(): Den samsvarer med elementene med det angitte klassenavnet, og returnerer et sett med de samsvarende elementene. De returnerte elementene er levende HTML-samling av elementer. Disse aktive elementene kan oppdateres ytterligere hvis det gjøres endringer i dokumentobjektmodellen.
querySelector(): Den returnerer bare et enkelt element som samsvarer med det angitte klassenavnet. Hvis den ikke finner noe samsvarende element, returnerer den null.
Hovedpoenget å forstå er at alle de ovenfor beskrevne metodene returnerer enten ett element eller en liste, men getELEmentsByClassName()-metoden tjener dynamisk oppdatering, og de to andre metodene tjener for statisk .