Методи getElementsByClassName

Методи getElementsByClassName имкон медиҳад элементҳои саҳифаро бо класси онҳо, ки дар атрибути class муайян шудааст, гиред. Бо элементҳои гирифташуда метавон амалиётҳои гуногун анҷом дод: матни онҳоро, атрибутҳоро, услубҳои CSS-ро ва ғайра иваз кард.

Синтаксис

document.getElementsByClassName(номи класс);

Намуна

Биёед ҳамаи элементҳои бо класси www гирем ва матни онҳоро бо воситаи хосияти innerHTML иваз кунем:

<p class="www">элем 1</p>
	<p class="www">элем 2</p>
<p class="www">элем 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,
ки гурӯҳи элементҳоро бо тег мегирад