querySelector-metodi

querySelector-metodi mahdollistaa sivun elementin hakemisen mielivaltaisen CSS-selektorin avulla. Saatua elementtiä voidaan sitten manipuloida erilaisilla tavoilla: muuttaa sen tekstiä, attribuutteja, CSS-tyylejä ja niin edelleen.

Syntaksi

javascriptdocument.querySelector(selektor);

Esimerkki

Haetaan kappale #elem ja muutetaan sen tekstiä textContent-ominaisuudella:

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

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

Koodin suorituksen tulos:

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

Esimerkki

Haetaan kappale luokalla elem ja muutetaan sen tekstiä:

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

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

Koodin suorituksen tulos:

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

Katso myös