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

javascriptdocument.querySelector(selector);

Eksempel

La oss få tak i avsnittet #elem og endre teksten ved hjelp av textContent:

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

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

Resultatet av kjørt kode:

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

Eksempel

La oss få tak i et avsnitt med klassen elem og endre teksten:

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

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

Resultatet av kjørt kode:

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

Se også