【问题标题】:What is DOM element?什么是 DOM 元素?
【发布时间】:2010-11-10 11:33:57
【问题描述】:

以下语句中的DOM元素是什么意思?

Statement #1

您可以将多个类添加到一个 单个 DOM 元素。

Statement #2

-- 点是继承 CSS 不是通过类完成的,而是 通过元素层次结构。所以要 建模您需要的继承特征 将它们应用于不同层次的 DOM 中的元素。

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

【问题讨论】:

标签: dom


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

      如果语句是在 CSS 如何影响 HTML 的上下文中,则 DOM 元素 指的是 HTML 元素

      【讨论】:

        【解决方案4】:

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

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

        因此,编写标准 DHTML 网页在三个领域进行了标准化,包括客户端脚本语言(如 JavaScript)、表示定义语言(如 CSS)和用于访问和修改 Web 的统一编程接口 (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 元素。 To learn more use tis reference

        【讨论】:

        • 也许,这应该在 Core DOM、XML DOM 和 HTML DOM 上扩展。此外,用于操作子节点和父节点(DOM 元素)等的示例命令 - - 另外,基本示例:在 CSS 的上下文中,DOM 元素是 HTML 元素等。
        【解决方案5】:

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

        【讨论】:

          【解决方案6】:

          DOM 代表文档对象模型。它是 W3C(万维网联盟)标准。它定义了访问和操作 HTML 和 XML 文档的标准,DOM 的元素是 head、title、body 标签等。所以你的第一个语句的答案是

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

          解释:“div class="cssclass1 cssclass2 cssclass3”

          这里的标签是 DOM 的元素,我已经将多个类应用于 DOM 元素。

          【讨论】:

            【解决方案7】:

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

            DOM 由以下部分组成:

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

            干杯

            【讨论】:

              【解决方案8】:

              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

              【讨论】:

                【解决方案9】:

                请注意,您的语句引用了“DOM 的元素”,例如 HTML 标记(A、INPUT 等)。这些陈述只是意味着可以将多个 CSS 类分配给一个这样的元素。

                【讨论】:

                  【解决方案10】:

                  DOM 是一种逻辑模型,可以以任何方便的方式实现。它基于与其建模的文档结构非常相似的对象结构。

                  有关 DOM 的更多信息: Click Here

                  【讨论】:

                    【解决方案11】:

                    当一个网页被加载时,浏览器会创建一个页面的文档对象模型。

                    HTML DOM 模型构造为对象树:

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

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

                    source

                    【讨论】:

                      猜你喜欢
                      • 2013-04-04
                      • 2020-12-01
                      • 1970-01-01
                      • 2023-03-17
                      • 1970-01-01
                      • 2016-10-17
                      • 1970-01-01
                      • 2023-01-07
                      • 2012-05-22
                      相关资源
                      最近更新 更多