A getElementsByClassName() metódus az elemek osztálynévértékükön keresztül történő kiválasztására vagy lekérésére szolgál. Ez a DOM metódus egy tömbszerű objektumot ad vissza, amely a megadott osztálynévvel rendelkező összes elemből áll. A getElementsByClassName() metódus bármely adott elemen történő meghívásakor a teljes dokumentumban keres, és csak azokat az elemeket adja vissza, amelyek megfelelnek a megadott vagy adott osztálynévnek.
Szintaxis
var ele=document.getELementsByClassName('name');
Itt a név a kötelező átadandó argumentum. Ez a karakterlánc, amely egyetlen osztálynevet vagy több osztálynevet ad meg.
xampp alternatíva
Példa a getElementsByClassName() metódusra
Nézzünk meg néhány példát, hogy megismerjük és megértsük a módszer gyakorlati megvalósítását.
Példa
Ez egy egyszerű osztálymegvalósítás, amely egy tömbszerű objektumot ad vissza az x változó meghívásakor.
<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);
Kimenet:
Hasonlóképpen megvalósíthatjuk a getElementsByClassName() metódust több osztály elemgyűjteményének visszaadására.
Különbség a getElementsByClassName(), a querySelector() és a querySelectorAll() metódusok között
getElementsByClassName(): Az elemeket a megadott osztálynévvel egyezteti, és visszaadja az egyező elemek halmazát. A visszaadott elemek élő HTML elemgyűjtemény. Ezek az élő elemek tovább frissíthetők, ha bármilyen változtatás történik a dokumentumobjektum modellben.
karakterlánc bevitele java-ban
querySelector(): Csak egyetlen elemet ad vissza, amely megfelel a megadott osztálynévnek. Ha nem talál egyező elemet, nullát ad vissza.
A legfontosabb tudnivaló, hogy az összes fent leírt metódus egy elemet vagy egy listát ad vissza, de a getELementsByClassName() metódus a dinamikus frissítést, a másik két módszer pedig a statikus .