Metodas getElementsByClassName() naudojamas elementams pasirinkti arba gauti per jų klasės pavadinimo reikšmę. Šis DOM metodas grąžina į masyvą panašų objektą, kurį sudaro visi elementai, turintys nurodytą klasės pavadinimą. Iškviečiant metodą getElementsByClassName() bet kuriame konkrečiame elemente, jis ieškos visame dokumente ir pateiks tik tuos elementus, kurie atitinka nurodytą arba nurodytą klasės pavadinimą.
Sintaksė
var ele=document.getELementsByClassName('name');
Čia vardas yra privalomas argumentas, kurį reikia perduoti. Tai eilutė, kuri nurodo vieną klasės pavadinimą arba kelis klasių pavadinimus.
GetElementsByClassName() metodo pavyzdys
Pažvelkime į keletą pavyzdžių, kad sužinotume ir suprastume praktinį metodo įgyvendinimą.
Pavyzdys
Tai paprastas klasės įgyvendinimas, kuris grąžina į masyvą panašų objektą iškvietus kintamąjį 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);
Išvestis:
Panašiai galime įgyvendinti getElementsByClassName() metodą, skirtą kelių klasių elementų rinkiniams grąžinti.
Skirtumas tarp getElementsByClassName(), querySelector() ir querySelectorAll() metodų
getElementsByClassName(): Jis suderina elementus su nurodytu klasės pavadinimu ir grąžina atitikusių elementų rinkinį. Grąžinti elementai yra tiesioginis HTML elementų rinkinys. Šie tiesioginiai elementai gali būti toliau atnaujinami, jei dokumento objekto modelyje bus atlikti kokie nors pakeitimai.
querySelector(): Jis grąžina tik vieną elementą, atitinkantį nurodytą klasės pavadinimą. Jei jis neranda jokio atitinkančio elemento, jis grąžina nulį.
Svarbiausia suprasti, kad visi aukščiau aprašyti metodai grąžina vieną elementą arba sąrašą, tačiau metodas getELEmentsByClassName() aptarnauja dinamiškas naujinimas, o kiti du metodai yra skirti statinis .