Ответ
HTML — это язык разметки, описывающий структуру веб-страницы в виде текста. DOM (Document Object Model) — это программное представление этой структуры в памяти браузера, с которым можно взаимодействовать через JavaScript.
Ключевые различия:
- HTML статичен (исходный код), DOM динамичен (может изменяться).
- DOM — это дерево объектов, доступное для манипуляций.
Пример:
<!-- HTML -->
<div id="test">Hello</div>
<script>
// DOM-манипуляция
const div = document.getElementById('test');
div.textContent = 'World'; // Изменяем DOM
</script>