JavaScript'те DOM элементин алуу

Азыр биз DOM элементтерин ала билүүнү үйрөнөбүз, кийинчерээк алар менен ар кандай аракеттерди жасоо үчүн.

Биздин бир баскычыбыз бар болсун:

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

Келгиле, бул баскычты өзгөрмөгө шилтеме катары алалы. Бул үчүн document деген атайын объекттин querySelector методу колдонулат. Бул метод параметр катары CSS селекторун кабыл алып, ошол селектор боюнча табылган элементке шилтеме кайтарат.

Биздин баскычыбыздын мааниси button болгон id атрибуту бар. Демек, биз бул баскычты #button селектору менен таба алабыз. Ошентип, келгиле баскычыбызды таап, ага шилтемени өзгөрмөгө жазып алалы:

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

3 абзац берилген:

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

Ар бир абзацка шилтемени өзүнчө өзгөрмөгө жазыңыз жана ар бир өзгөрмөнүн мазмунун консольго чыгарыңыз.