Die querySelector Metode

Die metode querySelector laat jou toe om 'n element van die bladsy te verkry volgens 'n arbitrêre CSS-selekteerder. Met die verkrygte element sal jy verskeie manipulasies kan uitvoer: sy teks verander, kenmerke, CSS-style en so meer.

Sintaksis

javascriptdocument.querySelector(selekteerder);

Voorbeeld

Kom ons kry die paragraaf #elem en verander sy teks met behulp van textContent:

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

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

Resultaat van die kode-uitvoering:

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

Voorbeeld

Kom ons kry die paragraaf met die klas elem en verander sy teks:

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

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

Resultaat van die kode-uitvoering:

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

Sien ook