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 әдісі,
тег бойынша элементтер тобын алады