DOM Elementinin JavaScript-də Alınması

İndi biz səhifənin DOM elementlərini necə əldə edəcəyimizi öyrənəcəyik, sonradan onlara bəzi manipulyasiyalar etmək üçün.

Tutaq ki, bizim bir düyməmiz var:

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

Gəlin bu düyməyə istinadı dəyişənə əldə edək. Bunun üçün xüsusi document obyektinin querySelector metodundan istifadə etmək lazımdır. Bu metod parametr kimi CSS seçicisi qəbul edir və həmin seçici ilə tapılan elementə istinad qaytarır.

Bizim düyməciyimizin id atributu var button dəyəri ilə. Deməli, biz bu düyməni #button seçicisi ilə tapa bilərik. Beləliklə, gəlin düyməmizi tapaq və ona istinadı dəyişənə yazaq:

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

Verilmişdir 3 abzas:

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

Hər bir abzasa istinadı ayrı bir dəyişənə yazın və hər bir dəyişənin məzmununu konsola çıxarın.