Marrja e elementit DOM në JavaScript

Tani do të mësojmë se si të marrim elementët DOM të faqes, në mënyrë që më vonë të kryejmë ndonjë manipulim me to.

Le të themi se kemi një buton:

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

Le të marrim një referencë për këtë buton në një variabël. Për këtë duhet përdorur metodën querySelector të objektit special document. Kjo metodë e merr si parametër një selektor CSS dhe kthen një referencë për elementin e gjetur me këtë selektor.

Butoni ynë ka atributin id me vlerën button. Kjo do të thotë se ne mund ta gjejmë këtë buton me selektorin #button. Pra, le të gjejmë butonin tonë dhe ta shkruajmë referencën për të në një variabël:

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

Janë dhënë 3 paragrafë:

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

Shkruani referencën për secilin paragraf në një variabël të veçantë dhe shfaqni përmbajtjen e secilës prej këtyre variablave në konsol.