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
document.querySelectorAll(selektor);
Mysal
Geliň, www klassy bar ähli elementleri alyp,
textContent häsiýetini ulanyp olaryň tekstini üýtgedeliň:
<p class="www">element 1</p>
<p class="www">element 2</p>
<p class="www">element 3</p>
let elementler = document.querySelectorAll('.www');
for (let element of elementler) {
element.textContent = '!!!';
}
Kody ýerine ýetirmegiň netijesi:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Şeýle-de görüň
-
metod
querySelector,
selektor bilen elementi alyş üçin -
metod
getElementsByClassName,
topary klas boýunça elementleri alyş üçin -
metod
getElementsByTagName,
topary teg boýunça elementleri alyş üçin