当前位置 : 首页 » 互动问答 » 正文

什么是DOM元素?

分类 : 互动问答 | 发布时间 : 2009-07-14 06:27:39 | 评论 : 10 | 浏览 : 80919 | 喜欢 : 54

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

语句#1

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

语句#2

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

我知道DOM代表域对象模型。它似乎是语句中API的同义词。

回答(10)

  • 1楼
  • Document对象模型。
    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)是由万维网联盟(W3C)开发的编程接口规范,它允许程序员创建和修改HTML页面和XML文档作为完整的程序对象。

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

    DOM由以下组成:

    • 对象/元素集
    • 这些如何构成的结构对象/元素可以组合在一起
    • 和一个访问和修改它们的接口

    cheers

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

    Statement#1 您可以向单个DOM元素添加多个类。

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

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

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

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

    它分为3部分:

      - 核心DOM  - 所有文档类型的标准模型
     -  XML DOM  -  XML文档的标准模型
     -  HTML DOM  -  HTML文档的标准模型
    

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

  • 8楼
  • 看看你的语句是指“DOM的元素”,它们是诸如HTML标记(A,INPUT等)之类的东西。这些语句只是意味着可以将多个CSS类分配给一个这样的元素。

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

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

    因此,编写标准DHTML网页在三个领域标准化,包括客户端脚本语言(如JavaScript),表示定义语言(如CSS)和统一编程接口(API)来访问和修改Web页面(文档对象模型)。此活动由W3C和其他人执行。另外,为了解决跨浏览器的问题,W3C尝试通过文档对象模型(DOM)作为标准应用程序编程接口(API),获得关于访问和操作HTML和XML文档的脚本的普遍共识(使用不同的浏览器供应商)。 notranslate>但主要问题是他们如何设计文档对象模型的结构以满足他们的需求。他们的解决方案简单而精彩。他们使用树的层次结构,在树的根部你可以找到文档对象,每个节点也相当于一个HTML元素(DOM元素)。这种Web页面抽象为您提供了访问任何HTML元素,样式表和....的绝佳工具。为了更好地理解它,您可以将HTML代码的每个缩进映射到每个DOM树级别。请注意这个例子:

    <!DOCTYPE html> <HTML>     <HEAD>     </ HEAD>     <BODY>         <P> ... </ P>         <UL>             <LI> ... </ LI>         </ UL>         <表>             <TR> ... </ TR>         </ TABLE>     </ BODY> </ HTML>

    Your HTML:

     DOM结构:

    文档       | 。     <html>。     / \。  <head> <body> styleSheets         / \ \       <p> <ul> <table>       / \ \     text <li> <tr>

    因此,该分层结构(DOM树)的每个节点指的是DOM元素。 

    要了解更多信息,请使用tis参考To learn more use tis reference

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

    有关DOM的更多信息:Click Here

相关阅读:

Set data attribute using JavaScript

How do I get the value of text input field using JavaScript?

How can I select an element by name with jQuery?

Change an element's class with JavaScript

How do I check if an element is hidden in jQuery?

How to check whether a checkbox is checked in jQuery?

Retrieve the position (X,Y) of an HTML element

jQuery document.createElement equivalent?

How do I programmatically set the value of a select box element using JavaScript?

如何检查可见DOM中是否存在元素?