什么是DOM元素?


73

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

陈述1

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

陈述#2

关键是CSS中的继承不是通过类,而是通过元素层次结构完成的。因此,要对继承的特征进行建模,您需要将其应用于DOM中不同级别的元素。

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


2
我认为这将提供一些其他信息w3.org/TR/DOM-Level-2-Core/introduction.html
shanish 2012年

Answers:


111

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

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


25

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



9

文档对象模型(DOM)是由万维网联盟(W3C)开发的编程接口规范,使程序员可以将HTML页面和XML文档创建和修改为完整的程序对象。


8

要了解DOM元素的概念,必须了解动态HTML和DOM的概念。一切都是从增强网页所有股东的要求开始的。他们希望网页能够更具交互性,动态性和活泼性。另外,为了达到这个目标,开发人员需要使用工具和机制,通过它们可以修改或操纵网页各部分的表示和内容。因此,创建了动态HTML的概念。要理解它,可以在Wikipedia中获得有关动态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元素。要了解更多信息,请使用tis参考


也许应该在Core DOM,XML DOM和HTML DOM上进行扩展。另外,用于操纵子节点和父节点(DOM元素)等的示例命令
。--

7

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

DOM由以下部分组成:

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

干杯


7

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

语句1您可以将多个类添加到单个DOM元素中。

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

在这里标签是DOM元素,我对DOM元素应用了多个类。


5

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

“加载网页时,浏览器将创建该页面的文档对象模型。”

它分为3部分:

- 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



1

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

有关DOM的更多信息: 单击此处


0

加载网页后,浏览器将创建该页面的文档对象模型。

HTML DOM模型被构造为对象树:

使用对象模型,JavaScript获得了创建动态HTML所需的全部功能:

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

资源

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.