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 методу,
    тегдин негизинде элементтердин тобун алат