什么是 DOM 元素？

以下语句中 DOM 元素的含义是什么？

声明 # 1

可以将多个类添加到 单个 DOM 元件单个 DOM 元件。

陈述 # 2

重点是 CSS 不是通过类完成的，而是 通过元素层次结构 模拟你需要的遗传特征 将它们应用于不同层次的 DOM 中的元素。

我知道 DOM 代表 Domain Object Model，在语句中它似乎是 API 的同义词。

154059 次浏览
小开

它实际上是文档对象模型。HTML 用于构建 DOM，DOM 是页面的内存表示形式(虽然与 HTML 密切相关，但它们并不完全相同)。CSS 和 Javascript 之类的东西与 DOM 交互。

小开
最佳答案

文档 对象模型。
DOM 是 Javascript 查看其包含页面数据的方式。它是一个对象，包括 HTML/XHTML/XML 的格式以及浏览器状态。

DOM 元素类似于页面上的 DIV、 HTML、 BODY 元素。您可以使用 CSS 将类添加到所有这些类中，或者使用 JS 与它们交互。

小开

请注意，语句引用的是“ DOM 的元素”，即 HTML 标记(A、 INPUT 等)。这些语句仅仅意味着可以将多个 CSS 类分配给一个这样的元素。

小开

文档对象模型(Document Object Model，DOM)是由万维网联盟(W3C)开发的一种编程接口规范，它允许程序员创建和修改 HTML 页面和 XML 文档，将其作为成熟的程序对象。

小开

如果语句处于 CSS 如何影响 HTML 的上下文中，那么 DOM 元素引用 HTML 元素。

小开

根据 W3C: DOM 允许程序和脚本动态访问和更新 XML 或 HTML 文档的内容、结构和样式。

DOM 由以下部分组成:

  • 一组对象/元素
  • 如何组合这些对象/元素的结构
  • 以及访问和修改它们的接口

干杯

小开

DOM 代表文档对象模型。这是 W3C (万维网联盟)标准。它定义了 HTML 和 XML 文档的访问和操作标准，DOM 的元素包括头、标题、正文标签等。所以你第一个陈述的答案是

声明 # 1 您可以向单个 DOM 元素添加多个类

说明: “ div class = “ cssclass1 cssclass2 cssclass3”

这里的标记是 DOM 的元素，我已经对 DOM 元素应用了多个类。

小开

DOM (文档对象模型)是访问文档的标准。

加载网页时，浏览器会创建页面的文档对象模型

它分为三个部分:

- Core DOM - standard model for all document types
- XML DOM - standard model for XML documents
- HTML DOM - standard model for HTML documents

要了解更多信息，请参见: http://www.w3schools.com/js/js_htmldom.asp

小开

DOM 是一个逻辑模型，可以以任何方便的方式实现。它基于一个对象结构，非常类似于它所建模的文档的结构。

关于 DOM 的更多信息: 点击这里

小开

要了解 DOM 元素的概念，必须了解动态 HTML 和 DOM 的概念。一切都是从网页的所有股东的要求得到提高的时候开始的。他们希望网页更具交互性、动态性和生动性。此外，为了达到这个目标，开发人员需要工具和机制，通过它们可以修改或操纵网页的每个部分的表示和内容。因此创建了动态 HTML 的概念。为了理解它，可以在 维基百科中访问动态 HTML 的一个很好的定义:

动态 HTML 或 DHTML 是一个总括术语，用于表示 共同创建互动和动画网站的技术 通过使用静态标记语言(如 HTML)的组合，可以创建一个 客户端脚本语言(例如 JavaScript) ，一个演示文稿 定义语言(如 CSS)和文档对象模型 (DOM).

因此，编写标准的 DHTML 网页被标准化为三个领域，包括客户端脚本语言(如 JavaScript)、表示定义语言(如 CSS)和统一编程接口(API)来访问和修改网页(文档对象模型)。此活动由 W3C 和其他人执行。同样为了解决跨浏览器的问题，W3C 试图(与不同的浏览器供应商)就通过文档对象模型(DOM)作为标准应用程序编程接口(API)访问和操作 HTML 和 XML 文档的脚本达成共识。

但是主要的问题是他们如何设计文档对象模型的结构来满足他们的需要。他们的解决方案简单而美妙。他们使用了层次结构，比如树，在树的根部可以找到文档对象，每个节点都等价于一个 HTML 元素(DOM 元素)。这个网页的抽象为你访问任何 HTML 元素、样式表和... ... 提供了极大的便利。为了更好地理解它，您可以将 HTML 代码的每个缩进映射到 DOM 树的每个级别。请注意这个例子:

你的 HTML:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>...</p>
<ul>
<li>...</li>
</ul>
<table>
<tr>...</tr>
</table>
</body>
</html>

DOM 结构:

    document
|    .
<html>    .
/   \         .
<head> <body>  styleSheets
/  \  \
<p> <ul> <table>
/     \       \
text    <li>    <tr>

因此，这个层次结构(DOM 树)的每个节点都引用一个 DOM 元素

小开

加载网页时，浏览器会创建页面的文档对象模型。

HTML DOM 模型构造为对象树:

通过对象模型，JavaScript 获得了创建动态 HTML 所需的所有能力:

  • JavaScript 可以更改页面中的所有 HTML 元素
  • JavaScript 可以更改页面中的所有 HTML 属性
  • JavaScript 可以更改页面中的所有 CSS 样式
  • JavaScript 可以删除现有的 HTML 元素和属性
  • JavaScript 可以添加新的 HTML 元素和属性
  • JavaScript 可以对页面中的所有现有 HTML 事件做出反应
  • JavaScript 可以在页面上创建新的 HTML 事件

来源


提交答案