文档对象模型（DOM）概念背后的真正想法是什么？

Question

我是HTML＆amp;的初学者HTML5。
当我阅读以下link时，我发现了术语 DOM 和 DOM API 。我通读维基百科，但无法消化它背后的整个想法。

有人可以解释一下：

• 文档对象模型（DOM）概念背后的真正想法？
• 它与HTML5有什么关系？

谢谢，
森

Answer 1

来自Wikipedia：

  

文档对象模型（DOM）是一个   跨平台和   与语言无关的公约   代表和互动   HTML，XHTML和XML中的对象   文件

简单地说，浏览器（以及其他客户端）代表Web文档。 DOM不是特定于HTML5。它从一开始就存在。

DOM API基本上意味着您作为程序员可以如何与DOM交互。一些示例可能是向DOM添加元素，更改其样式以及您在Web文档上执行的其他常见操作。

在HTML5的上下文中，DOM的一些新增功能在以前版本的HTML规范中不存在，例如<video>和<audio>元素。

Answer 2

• DOM是浏览器HTML文档的内部表示。
• DOM API是在浏览器中使用JavaScript编程DOM的方式。
• HTML5只是HTML的一种新风格。它以完全相同的方式使用DOM。

Mark Pilgrim所说的是，你可以通过DOM API对HTML5 DOM元素进行某些操作，比如开始播放视频文件。因此，如果您在JavaScript中有<video> DOM对象，则可以从JavaScript调用其.play()方法。这是DOM API的一个示例。

Answer 3

文档对象模型是浏览器的HTML内部表示。它基于'儿童'的想法。因此，<p>标记可能包含多个文本节点和多个<span>标记，如下所示：

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

此<p>代码包含4个子代：两个<span>个，以及两个文本节点（this is some text和is just a short paragraph）。文本的其他位是各自<span>标记的子项。

浏览器在其内部存储器中存储此信息（而不是仅存储非常难以处理的大量HTML流）。这样可以更容易使用层叠样式表（CSS）对其进行格式化，并使用JavaScript（创建和删除部件，将部件从一个父件移动到另一个部件等）对其进行更改。

所有版本的HTML（可能非常早期版本）都使用DOM。每个版本都有规则，例如哪些标签有效，哪些标签可以是每个元素的子项。这些规则在处理HTML并创建它的DOM表示时实现。

Answer 4

dom是编程对象的html表示，每个网页都是DOM对象的集合