JavaScript-da DOM Elementni Olish

Hozir biz DOM elementlarini olishni o'rganamiz, keyinchalik ular bilan turli amallarni bajarishimiz mumkin.

Faraz qilaylik, bizda biror tugma mavjud:

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

Keling, ushbu tugmaga havolani o'zgaruvchiga sazlaymiz. Buning uchun maxsus document ob'ektining querySelector metodidan foydalanish kerak. Ushbu metod parametr sifatida CSS selektorini qabul qiladi va shu selektor bo'yicha topilgan elementga havola qaytaradi.

Bizning tugmamizda button qiymatiga ega id atributi mavjud. Demak, biz ushbu tugmani #button selektori orqali topishimiz mumkin. Shunday qilib, keling tugmamizni topamiz va unga havolani o'zgaruvchiga yozamiz:

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

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