要了解 DOM 元素的概念，必须了解动态 HTML 和 DOM 的概念。一切从提高所有网页股东的要求开始。他们希望网页可以更具交互性、动态性和生动性。此外，为了达到这个目标，开发人员需要工具和机制，通过它们可以修改或操纵网页每个部分的表示和内容。因此，创建了动态 HTML 的概念。要理解它，可以在Wikipedia中访问 Dynamic HTML 的一个很好的定义：
动态 HTML 或 DHTML 是一组技术的总称，这些技术通过使用静态标记语言（如 HTML）、客户端脚本语言（如 JavaScript）的组合来创建交互式和动画网站，表示定义语言（例如 CSS）和文档对象模型 (DOM)。
因此，编写标准的 DHTML 网页在三个领域进行了标准化，包括客户端脚本语言（如 JavaScript）、表示定义语言（如 CSS）和用于访问和修改网页（文档）的统一编程接口 (API)对象模型）。此活动由 W3C 和其他组织执行。同样为了解决跨浏览器的问题，W3C 试图就通过文档对象模型 (DOM) 作为标准应用程序编程接口 (API) 来访问和操作 HTML 和 XML 文档的脚本（与不同的浏览器供应商）达成共识。
但主要的问题是他们如何设计文档对象模型的结构来满足他们的需求。他们的解决方案很简单但很棒。他们使用了一种层次结构，例如树，在树的根部可以找到文档对象，每个节点也相当于一个 HTML 元素（DOM 元素）。您的网页的这种抽象为您提供了访问任何 HTML 元素、样式表和...的便利。为了更好地理解它，您可以将 HTML 代码的每个缩进映射到 DOM 树的每个级别。请注意这个例子：
您的 HTML：
...
- ...
DOM 结构：
document
| .
.
/ \ .
styleSheets/ \ \
-
因此，这种层次结构（DOM 树）的每个节点都指代一个 DOM 元素。要了解更多信息，请使用 tis 参考
相关发现
自然伙伴