მეთოდი querySelectorAll

მეთოდი querySelectorAll საშუალებას გაძლევთ მიიღოთ გვერდის ელემენტები ნებისმიერი CSS სელექტორით. მიღებულ ელემენტებთან შეგიძლიათ სხვადასხვა მანიპულაციების შესრულება: შეცვალოთ მათი ტექსტი, ატრიბუტები, CSS სტილები და ა.შ.

სინტაქსი

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,
რომელიც იღებს ელემენტების ჯგუფს ტეგის მიხედვით