Метод querySelectorAll

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

Синтаксис

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

Мисол

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

<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

let elems = document.querySelectorAll('.www');

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

Коднинг ишлаш натижаси:

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

Ҳам қаранг

метод querySelector,
элементни селектор орқали олувчи метод
метод getElementsByClassName,
элементлар гуруҳини синф бўйича олувчи метод
метод getElementsByTagName,
элементлар гуруҳини тег бўйича олувчи метод