Metoden querySelector
Metoden querySelector lar deg få tak i
et element på siden ved hjelp av en vilkårlig CSS-selector.
Med elementet du har fått tak i, kan du utføre
ulike manipulasjoner: endre dets tekst,
attributter, CSS-stiler og så videre.
Syntaks
document.querySelector(selector);
Eksempel
La oss få tak i avsnittet #elem og endre
teksten ved hjelp av textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultatet av kjørt kode:
<p id="elem">!!!</p>
Eksempel
La oss få tak i et avsnitt med klassen elem
og endre teksten:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Resultatet av kjørt kode:
<p id="elem">!!!</p>
Se også
-
metoden
getElementById,
som henter et element etterid -
metoden
querySelectorAll,
som henter en gruppe elementer etter en selector
