getElementsByClassName методу

getElementsByClassName методу class атрибутунда ыйгарылган класстын негизинде барактын элементтерин алууга мүмкүндүк берет. Алынган элементтер менен ар кандай аракеттерди жүргүзүүгө болот: алардын текстин, атрибуттарын, CSS стилдерин жана башкаларды өзгөртүү.

Синтаксис

document.getElementsByClassName(класстын аты);

Мисал

Келгиле, www классты бар бардык элементтерди алалы жана алардын текстин innerHTML касиети аркылуу өзгөртөлү:

<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

let elems = document.getElementsByClassName('www');

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

Кодду иштетүүнүн натыйжасы:

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

Ошондой эле караңыз

querySelectorAll методу,
селектордун негизинде элементтердин тобун алат
getElementsByTagName методу,
тегдин негизинде элементтердин тобун алат