Metoda querySelector
Metoda querySelector lejon marrjen e
elementit të faqes sipas një selektori arbitrar
CSS. Me elementin e marrë do të jetë e mundur të kryhen
manipulime të ndryshme: ndryshimi i tekstit të tij,
atributeve, stileve CSS dhe kështu me radhë.
Sintaksa
document.querySelector(selektor);
Shembull
Le të marrim paragrafin #elem dhe të ndryshojmë
tekstin e tij duke përdorur textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Rezultati i ekzekutimit të kodit:
<p id="elem">!!!</p>
Shembull
Le të marrim paragrafin me klasën elem
dhe të ndryshojmë tekstin e tij:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Rezultati i ekzekutimit të kodit:
<p id="elem">!!!</p>
Shihni gjithashtu
-
metoda
getElementById,
e cila merr elementin sipasid -
metoda
querySelectorAll,
e cila merr një grup elementësh sipas selektorit