Metod querySelectorAll

Metod querySelectorAll sahypadaky elementleri islegiňiz ýaly CSS selektory bilen almagy aňladýar. Alynan elementler bilen dürli amallary ýerine ýetirip bolýar: olaryň tekstini, atributlaryny, CSS stillerini we ş.m. üýtgetmek.

Sintaksis

javascriptdocument.querySelectorAll(selektor);

Mysal

Geliň, www klassy bar ähli elementleri alyp, textContent häsiýetini ulanyp olaryň tekstini üýtgedeliň:

html<p class="www">element 1</p>
<p class="www">element 2</p>
<p class="www">element 3</p>

javascriptlet elementler = document.querySelectorAll('.www');

for (let element of elementler) {
  element.textContent = '!!!';
}

Kody ýerine ýetirmegiň netijesi:

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

Şeýle-de görüň