querySelector metodi
querySelector metodi sahifa elementini
ixtiyoriy CSS selektori bo‘yicha olish imkonini beradi.
Olingan element bilan turli manipulyatsiyalar amalga oshirish mumkin:
uning matnini, atributlarini, CSS uslublarini o‘zgartirish va hokazo.
Sintaksis
document.querySelector(selektor);
Misol
Keling, #elem abzasini olaylik va uning
matnini textContent
yordamida o‘zgartirelik:
<p id="elem">matn</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Kodni bajarish natijasi:
<p id="elem">!!!</p>
Misol
Keling, elem klassiga ega bo‘lgan abzasni olaylik
va uning matnini o‘zgartirelik:
<p class="elem">matn</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Kodni bajarish natijasi:
<p id="elem">!!!</p>
Shuningdek qarang
-
getElementByIdmetodi,
elementniidbo‘yicha oladi -
querySelectorAllmetodi,
selektor bo‘yicha elementlar guruhini oladi
