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әдісі,
элементтер тобын селектор бойынша алады
