Метад querySelector

Метад querySelector дазваляе атрымаць элемент старонкі па адвольным селектары CSS. З атрыманым элементам можна будзе працаваць: мяняць яго тэкст, атрыбуты, CSS стылі і гэтак далей.

Сінтаксіс

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

Прыклад

Давайце атрымаем абзац #elem і зменім яму тэкст з дапамогай textContent:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Вынік выканання кода:

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

Прыклад

Давайце атрымаем абзац з класам elem і зменім яму тэкст:

html<p class="elem">text</p>
javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Вынік выканання кода:

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

Глядзіце таксама

  • метад getElementById,
    які атрымлівае элемент па id
  • метад querySelectorAll,
    які атрымлівае групу элементаў па селектары