Добивање на DOM елемент во JavaScript

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

Да претпоставиме дека имаме некое копче:

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

Ајде да добиеме референца до ова копче во променлива. За ова треба да го користиме методот querySelector на специјалниот објект document. Овој метод како параметар прифаќа CSS селектор и ја враќа референцата до пронајдениот елемент според тој селектор.

Нашето копче има атрибут id со вредност button. Значи, можеме да го најдеме ова копче со селекторот #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>

Запишете референца до секој параграф во посебна променлива и испишете ја содржината на секоја од овие променливи во конзола.