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

javascriptdocument.querySelector(selector);

Eksempel

Lad os hente afsnittet #elem og ændre detstekst ved hjælp af textContent:

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

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

Resultatet af udførelsen af koden:

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

Eksempel

Lad os hente afsnittet med klassen elem og ændre dets tekst:

html<p class="elem">text</p>

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

Resultatet af udførelsen af koden:

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

Se også