什么是DOM元素?

时间:2009-07-13 22:27:39

标签: dom

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

Statement #1

  

您可以为a添加多个类   单个DOM元素。

Statement #2

  

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

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

11 个答案:

答案 0 :(得分:97)

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

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

答案 1 :(得分:22)

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

答案 2 :(得分:14)

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

答案 3 :(得分:9)

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

答案 4 :(得分:7)

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

DOM由以下内容组成:

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

欢呼声

答案 5 :(得分:6)

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

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

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

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

答案 6 :(得分: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

答案 7 :(得分:4)

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

答案 8 :(得分:4)

要找出DOM元素的概念,理解动态HTML和DOM的概念至关重要。一切都是从增强网页所有股东的要求开始的。他们希望网页更具互动性,动态性和生动性。此外,为了实现这一目标,开发人员需要通过它们的工具和机制,可以修改或操纵网页的每个部分的表示和内容。因此,创建了动态HTML的概念。要理解它,可以在Wikipedia中访问动态HTML的绝佳定义:

  

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

因此,编写标准DHTML网页在三个领域进行了标准化,包括客户端脚本语言(如JavaScript),表示定义语言(如CSS)和统一编程接口(API)来访问和修改Web页面(文档对象模型)。此活动由W3C和其他人执行。另外,为了解决跨浏览器的问题,W3C尝试通过文档对象模型(DOM)作为标准应用程序编程接口(API),获得有关访问和操作HTML和XML文档的脚本的普遍共识(使用不同的浏览器供应商)。 / p>

但主要问题是他们如何设计文档对象模型的结构以满足他们的需求。他们的解决方案简单而精彩。他们使用树的层次结构,在树的根部可以找到文档对象,每个节点也相当于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

答案 9 :(得分:1)

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

有关DOM的更多信息: Click Here

答案 10 :(得分:0)

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

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

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

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

source