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