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методу,
селектор орқали элементлар гуруҳини олувчи
