Усули querySelector

Усули querySelector имкон медиҳад, ки унсури саҳифаро бо селектори CSS ихтиёрӣ гирем. Бо унсури гирифташуда метавон амалҳои гуногун анҷом дод: матнашро иваз кард, сифатҳо, услубҳои CSS ва ғайраро тағйир дод.

Синтаксис

javascriptdocument.querySelector(селектор);

Намуна

Биёед абзаци #elem-ро гирем ва матнашро бо ёрии textContent иваз кунем:

html<p id="elem">матн</p>

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

Натиҷаи иҷрои рамз:

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

Намуна

Биёед абзац бо синфи elem-ро гирем ва матнашро иваз кунем:

html<p class="elem">матн</p>

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

Натиҷаи иҷрои рамз:

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

Нигаред низ