Защо е необходим DOM?

DOM (Document Object Model) е необходим, за да може JavaScript да взаимодейства с съдържанието на уеб страницата и да го променя. Той представлява структурата на HTML документа под формата на дърво от обекти, където всеки възел съответства на елемент, атрибут или текстов фрагмент на страницата.

Благодарение на DOM, JavaScript може:

• Достъп до елементите на страницата (например, по id, клас, таг).
• Променя съдържанието на елементите (текст, HTML).
• Променя стиловете на елементите.
• Модифицира структурата на документа (добавя, премахва, преместване на елементи).
• Реагира на събития на потребителя (кликове, мишка и т.н.).

Пример за получаване на елемент по ID:

// Получаваме елемент с id "myElement"
const myElement = document.getElementById('myElement');

Пример за промяна на текстовото съдържание на елемент:

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

Без DOM интерактивността и динамичните промени в уеб страниците биха били невъзможни.