Получаване на DOM елемент в JavaScript

Сега ще се научим да получаваме DOM елементи на страницата, за да можем в последствие да извършваме каквито и да било манипулации с тях.

Да предположим, че имаме бутон:

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

Нека получим препратка към този бутон в променлива. За целта трябва да използваме метода querySelector на специалния обект document. Този метод приема 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>