Метода гетЕлементсБиЦлассНаме() се користи за одабир или добијање елемената кроз вредност имена класе. Овај ДОМ метод враћа објекат сличан низу који се састоји од свих елемената који имају наведено име класе. Када позовете метод гетЕлементсБиЦлассНаме() за било који одређени елемент, он ће претражити цео документ и вратиће само оне елементе који се подударају са наведеним или датим именом класе.
Синтакса
var ele=document.getELementsByClassName('name');
Овде је име обавезан аргумент који треба пренети. То је стринг који наводи или једно име класе или вишеструка имена класа за подударање.
Пример метода гетЕлементсБиЦлассНаме().
Хајде да погледамо неке примере да бисмо знали и разумели практичну примену методе.
Пример
То је једноставна имплементација класе која враћа објекат сличан низу при позивању променљиве к.
<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);
Излаз:
предности инстаграма за личну употребу
Слично томе, можемо имплементирати метод гетЕлементсБиЦлассНаме() за враћање колекција елемената за више класа.
Разлика између метода гетЕлементсБиЦлассНаме(), куериСелецтор() и куериСелецторАлл()
гетЕлементсБиЦлассНаме(): Он поклапа елементе са наведеним именом класе и враћа скуп подударних елемената. Враћени елементи су жива ХТМЛ колекција елемената. Ови живи елементи се могу даље ажурирати ако се изврше било какве промене у моделу објекта документа.
куериСелецтор(): Враћа само један елемент који одговара наведеном имену класе. Ако не пронађе ниједан одговарајући елемент, враћа нулл.
Главна ствар коју треба разумети је да све горе описане методе враћају или један елемент или листу, али метода гетЕЛЕментсБиЦлассНаме() служи динамичан ажурирање, а друга два метода служе за статичне .