Metoden querySelector
Metoden querySelector gør det muligt at hente
et element på siden via en vilkårlig CSS-selector.
Det hentede element kan derefter manipuleres på
forskellige måder: ændre dets tekst,
attributter, CSS-stilarter og så videre.
Syntaks
document.querySelector(selector);
Eksempel
Lad os hente afsnittet #elem og ændre
detstekst ved hjælp af textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultatet af udførelsen af koden:
<p id="elem">!!!</p>
Eksempel
Lad os hente afsnittet med klassen elem
og ændre dets tekst:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Resultatet af udførelsen af koden:
<p id="elem">!!!</p>
Se også
-
metoden
getElementById,
som henter et element viaid -
metoden
querySelectorAll,
som henter en gruppe elementer via en selector
