Metoda getElementsByClassName() koristi se za odabir ili dobivanje elemenata kroz vrijednost naziva njihove klase. Ova DOM metoda vraća objekt sličan nizu koji se sastoji od svih elemenata koji imaju navedeni naziv klase. Prilikom pozivanja metode getElementsByClassName() na bilo kojem određenom elementu, ona će pretražiti cijeli dokument i vratiti samo one elemente koji odgovaraju navedenom ili zadanom nazivu klase.
Sintaksa
var ele=document.getELementsByClassName('name');
Ovdje je ime obavezni argument koji treba proslijediti. To je niz koji specificira jedno ime klase ili više naziva klasa za podudaranje.
Primjer metode getElementsByClassName().
Pogledajmo neke primjere kako bismo znali i razumjeli praktičnu primjenu metode.
Primjer
To je jednostavna implementacija klase koja vraća objekt sličan nizu nakon pozivanja varijable 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);
Izlaz:
oštar kut
Slično, možemo implementirati metodu getElementsByClassName() za vraćanje kolekcija elemenata za više klasa.
Razlika između metoda getElementsByClassName(), querySelector() i querySelectorAll()
getElementsByClassName(): Uspoređuje elemente s navedenim nazivom klase i vraća skup podudarnih elemenata. Vraćeni elementi su živa HTML zbirka elemenata. Ovi živi elementi mogu se dodatno ažurirati ako se naprave bilo kakve promjene u modelu objekta dokumenta.
querySelector(): Vraća samo jedan element koji odgovara navedenom nazivu klase. Ako ne pronađe odgovarajući element, vraća null.
Glavna točka koju treba razumjeti jest da sve gore opisane metode vraćaju ili jedan element ili popis, ali metoda getELementsByClassName() služi dinamičan ažuriranje, a druge dvije metode služe za statički .