DOM之简介

在看Js视频的时候就感觉Dom这东西太神奇了。在这个注重用户体验的Web设计时代里,Dom是至关重要的。它的易用性强,并且遍历简单,支持XPath。它既然这么强大那么就来简单的介绍Dom这个东东。

一、DOM是什么?

DOM即:文档对象模型(DocumentObject Model),DOM就是一个编程接口,是针对HTML文档、XML等文档的一套API。就类似于JDBC是针对数据库的一套API一样。

二、DOM干什么?

DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。现在基本上所有的浏览器都都执行了W3C发布的DOM规范,所以在浏览器上就可以用DOM的这些API。

三、什么时候用?

DOM实际上是一个操作文档里面所包含的内容的一个编程的API,开发人员利用它从文档中读取、搜索、修改、增加和删除数据。

四、DOM详细说明

HTML文档是树状结构,根为<HTML>;DOM也是树状结构,根为window或document对象。所以DOM就可以把HTML以树状的形式呈现出来。

五、DOM的分类

核心 DOM:定义了一套标准的可以针对任何文档的对象。

HTML DOM:针对HTML文档的DOM。

XML DOM:针对XML文档的DOM。

六、DOM的级别Level

DOM0:不是W3C规范。

DOM1:开始是W3C规范。专注于HTML文档和XML文档。

DOM2:对DOM1增加了样式表对象模型

DOM3:对DOM2增加了内容模型 (DTD 、Schemas) 和文档验证。

七、DOM优缺点

DOM的优势:易用性强,使用DOM时,将把所有的XML文档信息都存于内存中,并且遍历简单,支持XPath,增强了易用性。

DOM的缺点:效率低,解析速度慢,内存占用量过高,对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间,因为使用DOM进行解析时,将为文档的每个element、attribute、processing-instrUCtion和comment都创建一个对象,这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。

总结:

以上只是对DOM基础知识的积累,让它在自己的头脑里有个头绪,至于它在代码中如何实现,在今后的学习中会慢慢补充。

DOM之简介,布布扣,bubuko.com

时间: 2025-01-16 13:12:48

DOM之简介的相关文章

DOM事件简介

Click.touch.load.drag.change.input.error.risize — 这些都是冗长的DOM(文档对象模型)事件列表的一部分.事件可以在文档(Document)结构的任何部分被触发,触发者可以是用户操作,也可以是浏览器本身.事件并不是只是在一处被触发和终止:他们在整个document中流动,拥有它们自己的生命周期.而这个生命周期让DOM事件有更多的用途和可扩展性. 作为一个开发人员,我们必须要理解DOM事件是如何工作的,然后才能更好的驾驭它,利用它们潜在的优势,开发出

before(),after(),prepend(),append()等新DOM方法简介

一.DOM API也在不断升级 web前端标准一直在不断升级,比方说,说了很多年的HTML5.CSS3,以及天天见的ES6. 然后,似乎就没有然后了.实际上,除了HTML5/CSS3/ES6+,关于DOM标准也是在不断升级进步,而且浏览器也在悄悄地进行跟进与支持. 然而,这种跟进与支持呢非常的低调与隐讳:加上行业的话语权大部分集中在JS工程师身上,同时DOM这种东西比较"低级"撑不起场面,因此各种什么技术大会啊,分享会议啊绝对不会讲这玩意儿的. 于是都叫他注意力很容易被带走,而没有意识

HTML DOM(简介,节点)

HTML DOM 定义了访问和操作 HTML 文档的标准方法. DOM 全称: Document Object Model(文档对象模型) HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法.(DOM 将 HTML 文档表达为树结构) 换言之,HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准. DOM节点 HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML

JS之DOM编程

为什么学dom编程? 通过dom编程,我们可以写出各种网页游戏 dom编程也是我们学习ajax技术的基础,所以我们必需掌握好dom编程.  dom编程简介 DOM=Document Object Model(文档对象模型),根据W3C DOM规范,DOM是HTML与XML的应用编程接口(API),DOM将整个页面映射为一个由层次节点组成的文件. js把浏览器,网页文档和网页文档中的html元素都用相应的内置对象来表示,这些对象与对象间的层次关系称为dom,针对网页(html,jsp,php,as

Android中的DOM解析方式

1.DOM解析简介 DOM解析会将XML文件的内容,以对象树的形式存放在内存中.DOM解析采用了对象树这种形式存储,使它易于遍历,方便的知道上下层节点的情况,这是DOM解析与SAX解析最大的不同之处.SAX解析只能够知道自己节点的情况,无法得知其它节点的信息. 2.DOM解析常用方法 (1)Document.getDocumentElement():返回文档的根元素 (2)Node.getPreviousSibling().Node.getNextSibling():返回上一个或者下一个同胞元素

jQuery操作DOM详解

一.DOM操作的分类 1.DOM Core简介: DOMCore并不属于javaScript,任何一种支持DOM的程序设计语言都可以使用它.它的用途并非仅限于处理网页,也可以用来处理任何一种使用标记语言编写出来的文档,例如XML. javaScript中的getElementById(),getElementsByTagName(),getAttribute()和setAttribute()等方法,这些都是DOM core的组成部分. 使用DOMCore来获取表单对象的方法:document.g

JAVA XML

                                             JAVA     XML DOM 优缺点:实现 W3C 标准,有多种编程语言支持这种解析方式,并且这种方法本身操作上简单快捷,十分易于初学者掌握.其处理方式是将 XML 整个作为类似树结构的方式读入内存中以便操作及解析,因此支持应用程序对 XML 数据的内容和结构进行修改,但是同时由于其需要在处理开始时将整个 XML 文件读入到内存中去进行分析,因此其在解析大数据量的 XML 文件时会遇到类似于内存泄露以及

【收藏用】--切勿转载Java处理XML的三种主流技术及介绍

原帖地址 : http://www.ibm.com/developerworks/cn/xml/dm-1208gub/ XML (eXtensible Markup Language) 意为可扩展标记语言,它已经是软件开发行业中大多数程序员和厂商用以选择作为数据传输的载体.本文作者对于 Java 处理 XML 的几种主流技术进行一些总结和介绍,希望帮助那些有不同需求的开发人员对于 XML 处理技术的作出最优的选择. 最初,XML 语言仅仅是意图用来作为 HTML 语言的替代品而出现的,但是随着该

Java生成和解析XML格式文件和字符串的实例代码

1.基础知识:Java解析XML一般有四种方法:DOM.SAX.JDOM.DOM4J. 2.使用介绍1).DOM(1)简介 由W3C(org.w3c.dom)提供的接口,它将整个XML文档读入内存,构建一个DOM树来对各个节点(Node)进行操作.优点就是整个文档都一直在内存中,我们可以随时访问任何节点,并且对树的遍历也是比较熟悉的操作:缺点则是耗内存,并且必须等到所有的文档都读入内存才能进行处理. (2)示例代码: 1.基础知识:Java解析XML一般有四种方法:DOM.SAX.JDOM.DO