你好？朋友们，欢迎来到我的博客。今天我们将简化 DOM 的概念。
当我开始担任 Web 开发人员时，人们经常在业界使用“DOM”这个术语。每个 JavaScript 教程都提到它，但我不知道它是什么意思。寻找 DOM 的简单解释，我的探索结果与高级编程术语混淆了。经过长时间的搜索后现在有了理解，我认为用更简单的解释来帮助处于我之前情况的其他人是明智的。
当您第一次听到 DOM 这个术语时，您首先想到的是什么？
文件
对象
模特
它们是什么意思？
Web 文档通常定义为简单的 HTML 文件。 Web 文档（例如此页面）通常由多个文件组成，并通过 URL（统一资源定位符）进行访问。 HTML 文件本身大部分时间都包含样式表、背景图像、其他图形、Java 程序和其他文件。
该文档是您的 Html 文件。
文档以对象形式加载时发送到浏览器。“对象??”
对象是你在编程中经常听到的一个术语，对对象有一个很好的理解是 javascript 的一个很好的开始。
JavaScript 中的对象可以被定义为相关数据、原始类型或引用类型的无序集合，以“键：值”对的形式。这些键可以是变量或函数，在对象的上下文中分别称为属性和方法。可以使用括号 {…} 和可选属性列表来创建对象。属性是一个“键：值”对，其中键是一个字符串（也称为“属性名称”），值可以是任何内容。
let object = {
Key: Value
}
对象以树状形式图形化表示，其中所有元素称为节点，节点根据 HTML 语法排列进行分组，具有父子关系。
<div> <!-- parent element--> <p><!-- child element to div element--> <!-- text is also referred to as a node --> Paragraph text <!-- child element top element--> </p> </div>
注意： 因为绝大多数使用 DOM 的代码都围绕着操作 HTML 文档，所以通常将 DOM 中的节点称为元素，尽管严格来说并不是每个节点都是元素。
浏览器读取文档有一个对象，可以用图形方式表示为树。 ** 那么什么是模型呢？**
让我们从字典的角度来看一下。
1.通常是某物的缩影。例如：- 人类心脏的塑料模型 2. 要制作的东西的图案。阅读更多
理解 模型 的字典定义，让我们将其与网页联系起来，这是浏览器创建的 对象 的表示形式，它是一个漂亮的布局，其中包含文本、颜色、图像、等被组织并呈现给观众。所以我将其称为接收并编译网络文档后的结果。
*我们这样看*
$$ 接收 ⇾ 对流 ⇾ 演示 $$
每次第一次加载网页以及刷新网页时，网页都会经过这个简单的过程。
接收：- 它从服务器或我们的本地计算机接收文档，并且
对流：-文档的阅读器并将每个元素转换为节点
演示文稿：- 表示在设计的网页中创建的要向用户显示的对象或树。
在这种情况下，当对文档进行更改时，它对模块没有直接影响。文档被保存，浏览器创建接收到的传入文档的新对象，然后模型将被重新创建或修改。
** 哇，真是一段旅程，我很高兴你读完了本文。**
感谢您花时间阅读这篇文章！我希望它有助于简化您的主题并提供有价值的见解。如果您发现它有帮助，请考虑关注我，获取有关网络开发和其他技术主题的更易于理解的内容。
您的反馈很重要！在评论部分分享您的想法——无论是建议、问题还是您希望我改进的领域。请随意使用反应表情符号让我知道这篇文章给您带来的感受。 ？
这只是我博客之旅的开始，我很乐意与您联系！让我们一起分享想法、共同成长、共同学习。
关注我，让我们保持联系：
期待收到您的来信并发展这个充满好奇心的社区！ ？
以上是文档对象模型得到简化。的详细内容。更多信息请关注PHP中文网其他相关文章！
