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

javascriptdocument.querySelector(selektor);

Misol

Keling, #elem abzasini olaylik va uning matnini textContent yordamida o‘zgartirelik:

html<p id="elem">matn</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Kodni bajarish natijasi:

html<p id="elem">!!!</p>

Misol

Keling, elem klassiga ega bo‘lgan abzasni olaylik va uning matnini o‘zgartirelik:

html<p class="elem">matn</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Kodni bajarish natijasi:

html<p id="elem">!!!</p>

Shuningdek qarang