什么是DOM元素?

Léo*_* 준영 65 dom

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

声明#1

您可以向单个DOM元素添加多个类.

声明#2

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

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

Ian*_*ott 103

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

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


geo*_*ane 23

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


Mar*_*age 14

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


PSU*_*rdi 9

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


Arn*_*shn 7

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

DOM由以下部分组成:

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

干杯


Ram*_*eti 6

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

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

说明:"div class ="cssclass1 cssclass2 cssclass3"

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


sen*_*ior 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
Run Code Online (Sandbox Code Playgroud)

要了解更多信息,请访问:http : //www.w3schools.com/js/js_htmldom.asp


MMK*_*ami 5

要了解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> 
Run Code Online (Sandbox Code Playgroud)

DOM结构:

    document
      |    .    
    <html>    .
    /   \         .
 <head> <body>  styleSheets
        /  \  \
      <p> <ul> <table>
      /     \       \
    text    <li>    <tr>  
Run Code Online (Sandbox Code Playgroud)

因此,此分层结构(DOM树)的每个节点都引用一个DOM元素。要了解更多信息,请使用tis参考