Зашто је потребан DOM?

DOM (Document Object Model) је неопходан да би JavaScript могао да комуницира са садржајем веб странице и да га мења. Он представља структуру HTML документа у виду дрвета објеката, где сваки чвор одговара елементу, атрибуту или текстуалном фрагменту странице.

Захваљујући DOM-у, JavaScript може:

• Доступати до елемената странице (на пример, по id, класи, тагу).
• Мењати садржај елемената (текст, HTML).
• Променити стилове елемената.
• Мењати структуру документа (додавање, брисање, премештање елемената).
• Реаговати на догађаје корисника (кликови, прелазак мишем итд.).

Пример добијања елемента по ID-ју:

// Добијамо елемент са id "myElement"
const myElement = document.getElementById('myElement');

Пример промене текстуалног садржаја елемента:

// Променимо текстуални садржај елемента
myElement.textContent = 'Нови текст';

Без DOM-а, интерактивност и динамичке промене веб страница били би немогући.