Метод getElementsByClassName

Метод getElementsByClassName омогућава да добијете елементе странице по њиховој класи, задатој у атрибуту class. Са добијеним елементима се може изводити различите манипулације: мењати њихов текст, атрибуте, CSS стилове и тако даље.

Синтакса

javascriptdocument.getElementsByClassName(име класе);

Пример

Хајде да добијемо све елементе са класом www и да им променимо текст помоћу својства innerHTML:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

Резултат извршавања кода:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Погледајте такође

  • метод querySelectorAll,
    који добија групу елемената по селектору
  • метод getElementsByTagName,
    који добија групу елемената по тегу