querySelectorAll методу

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

Синтаксис

javascriptdocument.querySelectorAll(селектор);

Мисал

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

html<p class="www">элем 1</p>
<p class="www">элем 2</p>
<p class="www">элем 3</p>
javascriptlet elems = document.querySelectorAll('.www');

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

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

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

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

  • querySelector методу,
    селектор аркылуу элемент алат
  • getElementsByClassName методу,
    класс боюнча элементтер тобун алат
  • getElementsByTagName методу,
    тег боюнча элементтер тобун алат