Metóda getElementsByClassName() sa používa na výber alebo získanie prvkov prostredníctvom ich hodnoty názvu triedy. Táto metóda DOM vracia objekt podobný poľu, ktorý pozostáva zo všetkých prvkov so zadaným názvom triedy. Pri volaní metódy getElementsByClassName() na ľubovoľnom konkrétnom prvku prehľadá celý dokument a vráti len tie prvky, ktoré zodpovedajú zadanému alebo danému názvu triedy.
Syntax
var ele=document.getELementsByClassName('name');
V tomto prípade je povinným argumentom meno. Je to reťazec, ktorý špecifikuje buď jeden názov triedy, alebo viacero názvov triedy, ktoré sa majú zhodovať.
java do while príklad
Príklad metódy getElementsByClassName().
Pozrime sa na niekoľko príkladov, aby sme poznali a pochopili praktickú implementáciu metódy.
Príklad
Je to jednoduchá implementácia triedy, ktorá pri vyvolaní premennej x vracia objekt podobný poľu.
java ahoj svetový príklad
<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);
Výkon:
Podobne môžeme implementovať metódu getElementsByClassName() na vrátenie kolekcií prvkov pre viaceré triedy.
centrovanie obrázkov v css
Rozdiel medzi metódami getElementsByClassName(), querySelector() a querySelectorAll()
getElementsByClassName(): Porovná prvky so zadaným názvom triedy a vráti množinu zodpovedajúcich prvkov. Vrátené prvky sú živou kolekciou prvkov HTML. Tieto živé prvky možno ďalej aktualizovať, ak sa v objektovom modeli dokumentu vykonajú nejaké zmeny.
querySelector(): Vráti iba jeden prvok, ktorý zodpovedá zadanému názvu triedy. Ak nenájde žiadny zodpovedajúci prvok, vráti hodnotu null.
Hlavným bodom, ktorý treba pochopiť, je, že všetky vyššie opísané metódy vracajú buď jeden prvok alebo zoznam, ale metóda getELementsByClassName() slúži dynamický aktualizácie a ďalšie dve metódy slúžia na to statické .