Kry DOM Element in JavaScript

Nou sal ons leer hoe om DOM elemente van die bladsy te kry, sodat ons later enige manipulasies met hulle kan uitvoer.

Kom ons het 'n sekere knoppie:

<input id="button" type="submit">

Kom ons kry 'n verwysing na hierdie knoppie in 'n veranderlike. Om dit te doen, moet jy die querySelector metode van die spesiale objek document gebruik. Hierdie metode neem 'n CSS selekteur as parameter en gee 'n verwysing na die element wat met daardie selekteur gevind is terug.

Ons knoppie het die attribuut id met die waarde button. Dit beteken ons kan hierdie knoppie vind met die selekteur #button. So, kom ons vind ons knoppie en skryf die verwysing daarna in 'n veranderlike:

let button = document.querySelector('#button');
console.log(button);

Daar is 3 paragrawe:

<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>

Skryf 'n verwysing na elk van die paragrawe in 'n aparte veranderlike en druk die inhoud van elk van hierdie veranderlikes na die konsole uit.