文档对象模型得到简化。

你好？朋友们，欢迎来到我的博客。今天我们将简化 DOM 的概念。

介绍

当我开始担任 Web 开发人员时，人们经常在业界使用“DOM”这个术语。每个 JavaScript 教程都提到它，但我不知道它是什么意思。寻找 DOM 的简单解释，我的探索结果与高级编程术语混淆了。经过长时间的搜索后现在有了理解，我认为用更简单的解释来帮助处于我之前情况的其他人是明智的。

解释

当您第一次听到 DOM 这个术语时，您首先想到的是什么？

1. 文件

2. 对象

3. 模特
   
   它们是什么意思？

---

什么是文档：

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中文网其他相关文章！