Какова реальная идея концепции объектной модели документа (DOM)?

Question

Я новичок в HTML и HTML5.
Когда я читал следующую ссылку , я нашел термины DOM и DOM API .Я прочитал Википедию, но не смог переварить всю идею.

Может ли кто-нибудь объяснить мне:

• реальная идея концепции объектной модели документа (DOM)?
• как это связано с HTML5?

Спасибо,
Сен

Answer 1

Из Википедия :

Объектная модель документа (DOM) - это кросс-платформенное и независимое от языка соглашение для представления и взаимодействия с объектами в HTML, XHTML и XML.документы

Проще говоря, именно так браузеры (среди других клиентов) представляют веб-документы.DOM не является специфическим для HTML5.Это было с самого начала.

DOM API в основном означает, как вы, как программист, можете взаимодействовать с DOM.В некоторых примерах может быть добавление элементов в DOM, изменение их стилей и другие общие операции, которые вы выполняете с веб-документом.

В контексте HTML5 есть несколько дополнений кDOM, которого не было в предыдущих версиях спецификации HTML, таких как <video> и <audio> elements.

Answer 2

• DOM - это внутреннее представление HTML-документа в браузере.
• DOM API - это способ программирования DOM с использованием JavaScript в браузере.
• HTML5 - это просто новая разновидность HTML. Он использует DOM точно так же.

Марк Пилигрим говорит, что есть определенные вещи, которые вы можете делать с элементами HTML5 DOM через API DOM, например запуск воспроизведения видеофайла. Итак, если у вас есть объект <video> DOM в JavaScript, вы можете вызвать его метод .play() из JavaScript. Это пример DOM API.

Answer 3

dom является html-представлением запрограммированных объектов, каждая веб-страница является коллекцией объектов DOM

Answer 4

Объектная модель документа является внутренним представлением HTML браузера.Он основан на идее «детей».Таким образом, тег <p> может содержать несколько текстовых узлов и несколько тегов <span>, например:

<p><span>Hello,</span> this is some text. <span>It</span> is just a short paragraph</p>

Этот тег <p> имеет 4 дочерних элемента: два <span> s и два текстовых узла (this is some text и is just a short paragraph).Остальные фрагменты текста являются потомками соответствующих им тегов <span>.

Браузер сохраняет эту информацию (вместо того, чтобы просто хранить огромный поток HTML, который очень трудно обрабатывать) во внутренней памяти.Это значительно упрощает форматирование с использованием каскадных таблиц стилей (CSS) и внесение в него изменений с помощью JavaScript (создание и удаление деталей, перемещение деталей от одного родителя к другому и т. Д.).

Все версии HTML(за исключением, возможно, очень ранних) используйте DOM.Каждая версия имеет правила, например, какие теги являются допустимыми, а какие могут быть дочерними для каждого элемента.Эти правила реализуются при обработке HTML и создании его представления в DOM.