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>

Ҳам қаранг

  • getElementById методу,
    элементни id орқали олувчи
  • querySelectorAll методу,
    селектор орқали элементлар гуруҳини олувчи