მეთოდი querySelectorAll

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

სინტაქსი

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>

იხილეთ აგრეთვე