Метод querySelectorAll

Метод querySelectorAll саҳифа элементларини ихтиёрий CSS селектори орқали олиш имконини беради. Олинган элементлар билан турли амаллар бажариш мумкин: уларнинг матни, атрибутлари, CSS uslublari ва бошқаларни ўзгартириш.

Синтаксис

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

Мисол

Ҳамма www синфига эга элементларни олиб, уларнинг матнини textContent хусусияти ёрдамида ўзгартирамиз:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 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>

Ҳам қаранг