DOM элементін JavaScript-те алу

Қазір біз DOM элементтерін алуды үйренеміз, болашақта олармен кейбір манипуляцияларды орындау үшін.

Бізде мына түйме болсын:

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

Осы түймені айнымалыға сілтеме ретінде алайық. Ол үшін арнайы document объектісінің querySelector әдісін қолдану керек. Бұл әдіс параметр ретінде CSS селекторын қабылдайды және сол селектор бойынша табылған элементке сілтеме қайтарады.

Біздің түйменің id атрибуты бар, оның мәні button. Демек, біз бұл түймені #button селекторы бойынша таба аламыз. Енді, түймені тауып, оған сілтемені айнымалыға жазайық:

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

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