querySelector методу
querySelector методу
бардык CSS селекторлору боюнча
барактын элементин алууга мүмкүндүк берет.
Алынган элемент менен ар кандай
амалдарды аткарса болот: анын текстин,
атрибуттарын, CSS стилдерин өзгөртүү жана башкалар.
Синтаксис
document.querySelector(селектор);
Мисал
#elem абзацын алалы жана
анын текстин textContent
жардамы менен өзгөртөлү:
<p id="elem">текст</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Кодду иштетүүнүн натыйжасы:
<p id="elem">!!!</p>
Мисал
elem классты абзацты алалы
жана анын текстин өзгөртөлү:
<p class="elem">текст</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Кодду иштетүүнүн натыйжасы:
<p id="elem">!!!</p>
Ошондой эле караңыз
-
getElementByIdметоду,
элементтиidбоюнча алат -
querySelectorAllметоду,
селектор боюнча элементтердин тобун алат