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
document.querySelector(selekteerder);
Voorbeeld
Kom ons kry die paragraaf #elem en verander
sy teks met behulp van textContent:
<p id="elem">teks</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultaat van die kode-uitvoering:
<p id="elem">!!!</p>
Voorbeeld
Kom ons kry die paragraaf met die klas elem
en verander sy teks:
<p class="elem">teks</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Resultaat van die kode-uitvoering:
<p id="elem">!!!</p>
Sien ook
-
metode
getElementById,
wat 'n element volgensidverkry -
metode
querySelectorAll,
wat 'n groep elemente volgens 'n selekteerder verkry