Методи getElementsByClassName

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

Синтаксис

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

Намуна

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

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