Усули querySelector
Усули querySelector имкон медиҳад, ки
унсури саҳифаро бо селектори CSS ихтиёрӣ
гирем. Бо унсури гирифташуда метавон амалҳои
гуногун анҷом дод: матнашро иваз кард,
сифатҳо, услубҳои CSS ва ғайраро тағйир дод.
Синтаксис
document.querySelector(селектор);
Намуна
Биёед абзаци #elem-ро гирем ва
матнашро бо ёрии textContent иваз кунем:
<p id="elem">матн</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Натиҷаи иҷрои рамз:
<p id="elem">!!!</p>
Намуна
Биёед абзац бо синфи elem-ро
гирем ва матнашро иваз кунем:
<p class="elem">матн</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Натиҷаи иҷрои рамз:
<p id="elem">!!!</p>
Нигаред низ
-
усули
getElementById,
ки унсурро боidмегирад -
усули
querySelectorAll,
ки гурӯҳи унсурҳоро бо селектор мегирад
