A querySelector metódus
A querySelector metódus lehetővé teszi
egy oldali elem lekérését egy tetszőleges CSS
szelektor alapján. A kapott elemmel különféle
műveletek végezhetők: megváltoztatható a szövege,
attribútumai, CSS stílusai és így tovább.
Szintaxis
document.querySelector(szelektor);
Példa
Kérjük le a #elem bekezdést és változtasd
meg a szövegét a textContent segítségével:
<p id="elem">szöveg</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
A kód végrehajtásának eredménye:
<p id="elem">!!!</p>
Példa
Kérjük le a elem osztállyal rendelkező bekezdést
és változtasd meg a szövegét:
<p class="elem">szöveg</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
A kód végrehajtásának eredménye:
<p id="elem">!!!</p>
Lásd még
-
a
getElementByIdmetódus,
amely egy elemet kér leidalapján -
a
querySelectorAllmetódus,
amely egy elemcsoportot kér le egy szelektor alapján
