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

javascriptdocument.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:

html<p id="elem">szöveg</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

A kód végrehajtásának eredménye:

html<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:

html<p class="elem">szöveg</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

A kód végrehajtásának eredménye:

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

Lásd még