Метад querySelector
Метад querySelector
дазваляе атрымаць
элемент старонкі па адвольным селектары
CSS. З атрыманым элементам можна будзе працаваць:
мяняць яго тэкст,
атрыбуты, CSS стылі і гэтак далей.
Сінтаксіс
document.querySelector(селектар);
Прыклад
Давайце атрымаем абзац #elem
і зменім
яму тэкст з дапамогай textContent
:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Вынік выканання кода:
<p id="elem">!!!</p>
Прыклад
Давайце атрымаем абзац з класам elem
і зменім яму тэкст:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Вынік выканання кода:
<p id="elem">!!!</p>
Глядзіце таксама
-
метад
getElementById
,
які атрымлівае элемент паid
-
метад
querySelectorAll
,
які атрымлівае групу элементаў па селектары