Объектная модель документа (DOM) отличается от исходного HTML-кода тем, что создаётся на его основе, но не всегда полностью соответствует ему. 1
Некоторые отличия:
- Ошибки в исходном коде. 13 В процессе создания DOM браузер может поправить некоторые ошибки исходного кода, например, добавить пропущенный tbody или закрыть незакрытый тег. 1
- Возможность модификации с помощью JavaScript. 1 DOM позволяет не только просматривать содержимое страницы, но и взаимодействовать с ним, изменять. 1 Например, с помощью JavaScript можно создать дополнительные элементы, после чего DOM обновится, а исходный HTML останется таким же. 1
- Заполнение контентом, полученным асинхронно с сервера. 1 Эта операция не затрагивает исходный код, но изменяет объектную модель. 1
По-просту, HTML-код — это текст страницы, а DOM — это объект, созданный браузером при парсинге этого текста. 5