querySelector методу

querySelector методу бардык CSS селекторлору боюнча барактын элементин алууга мүмкүндүк берет. Алынган элемент менен ар кандай амалдарды аткарса болот: анын текстин, атрибуттарын, CSS стилдерин өзгөртүү жана башкалар.

Синтаксис

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

Мисал

#elem абзацын алалы жана анын текстин textContent жардамы менен өзгөртөлү:

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

Кодду иштетүүнүн натыйжасы:

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

Мисал

elem классты абзацты алалы жана анын текстин өзгөртөлү:

html<p class="elem">текст</p>
javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Кодду иштетүүнүн натыйжасы:

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

Ошондой эле караңыз

  • getElementById методу,
    элементти id боюнча алат
  • querySelectorAll методу,
    селектор боюнча элементтердин тобун алат