querySelectorAll մեթոդը

querySelectorAll մեթոդը թույլ է տալիս ստանալ էջի էլեմենտները կամայական CSS ընտրիչով: Ստացված էլեմենտների հետ կարելի է կատարել տարբեր մանիպուլյացիաներ՝ փոխել նրանց տեքստը, ատրիբուտները, CSS ոճերը և այլն:

Շարահյուսություն

document.querySelectorAll(ընտրիչ);

Օրինակ

Եկեք ստանանք բոլոր էլեմենտները www դասով և փոխենք նրանց տեքստը օգտագործելով textContent հատկությունը.

<p class="www">էլեմ 1</p>
<p class="www">էլեմ 2</p>
<p class="www">էլեմ 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 մեթոդը,
որը ստանում է էլեմենտների խումբ ըստ թեգի