Что такое DOM простыми словами? Везде это слово, а я не понимаю
В уроках постоянно «DOM, DOM-дерево, обратиться к DOM». Я только начал и не понимаю, что это вообще. Можно на пальцах, без умных слов?
2 ответа
DOM (Document Object Model) — это представление твоей HTML-страницы в виде дерева объектов, с которым может работать JavaScript.
Когда браузер загружает HTML, он не просто рисует текст — он строит дерево из тегов: <html> сверху, внутри <body>, внутри него <div>, <p>, <button> и так далее. Каждый тег становится объектом, к которому можно обратиться из JS.
Именно поэтому работают команды вроде:
document.getElementById('btn'); // найти узел дерева
element.textContent = 'Привет'; // изменить узел
Коротко: HTML — это текст, который ты пишешь. DOM — это «живое» дерево из этого HTML в памяти браузера, и JS меняет именно его. Поменял DOM — поменялась страница на экране.
Аналогия: HTML — это чертёж дома (бумага). DOM — уже построенный дом, по которому можно ходить и переставлять мебель. JavaScript — это ты, который переставляет мебель (меняет элементы), и изменения сразу видно.