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>

Տեսեք նաև