Metoda getElementsByClassName() se uporablja za izbiro ali pridobivanje elementov prek njihove vrednosti imena razreda. Ta metoda DOM vrne objekt, podoben matriki, ki je sestavljen iz vseh elementov z navedenim imenom razreda. Ko prikliče metodo getElementsByClassName() za kateri koli določen element, bo preiskala celoten dokument in vrnila samo tiste elemente, ki se ujemajo z določenim ali danim imenom razreda.
Sintaksa
var ele=document.getELementsByClassName('name');
Tukaj je ime obvezni argument, ki ga je treba posredovati. To je niz, ki podaja eno ime razreda ali več imen razredov, ki se ujemajo.
Primer metode getElementsByClassName().
Oglejmo si nekaj primerov, da bomo spoznali in razumeli praktično izvajanje metode.
Primer
To je preprosta implementacija razreda, ki vrne objekt, podoben matriki, ko prikliče spremenljivko 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);
Izhod:
kakšna je razlika med megabajtom in gigabajtom
Podobno lahko implementiramo metodo getElementsByClassName() za vračanje zbirk elementov za več razredov.
Razlika med metodami getElementsByClassName(), querySelector() in querySelectorAll()
getElementsByClassName(): Ujema elemente z navedenim imenom razreda in vrne niz ujemajočih se elementov. Vrnjeni elementi so živa zbirka elementov HTML. Te elemente v živo je mogoče dodatno posodobiti, če se v objektnem modelu dokumenta naredijo kakršne koli spremembe.
querySelector(): Vrne samo en element, ki se ujema z navedenim imenom razreda. Če ne najde nobenega ujemajočega se elementa, vrne nič.
Glavna točka, ki jo je treba razumeti, je, da vse zgoraj opisane metode vrnejo en element ali seznam, vendar metoda getELementsByClassName() služi dinamično posodobitev, drugi dve metodi pa služita za statična .