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以树状的形式呈现出来。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGl1X3l1amllMjAxMWNvbQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" >

五、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基础知识的积累,让它在自己的头脑里有个头绪。至于它在代码中怎样实现,在今后的学习中会慢慢补充。

版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-08-29 11:54:24

DOM简要的相关文章

jQuery简要dom操作

文本 dom 获取标签 $(选择). 创建一个标签对象 $("标签"): 由于所有的返回jQuery对象.能够调用链(无论jQuery API 回报jQuery对象) 插入标签 内部插入 1.append(content|fn) 概述 向每一个匹配的元素内部追加内容. 这个操作与对指定的元素运行appendChild方法,将它们加入到文档中的情况类似. 參数 contentString, Element, jQueryV1.0 要追加到目标中的内容 function(index, ht

高程 第10章 DOM

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口). DOM描绘了一个层次化的节点树,允许添加,移除和修改页面的某一部分. 注意:IE中的所有DOM对象都是以COM对象的形式实现的.这意味着DOM对象与原生JavaScript对象的行为或活动特点并不一致. 10.1 节点层次 DOM描绘出的由多层节点构成的结构,每个节点都拥有各自的特点,数据和方法,也与其他节点存在某种关系,这种关系构成了层次,所有页面标记则表现为一个以特定节点为根节点的树形结构. 文档节点是每个文

Chromium网页渲染机制简要介绍和学习计划

作为一个浏览器,快速地将网页渲染出来是最重要的工作.Chromium为了做到这一点,费尽了心机,做了大量优化工作.这些优化工作是卓有成效的,代表了当今最先进的网页渲染技术.值得一提的是,这些渲染技术不仅适用于网页渲染,也可以应用在原生系统的UI渲染上.例如,在Android系统上,我们就可以看到两者在渲染技术上的相似之处.本文接下来就对Chromium的网页渲染机制进行简要介绍,并且制定学习计划. 老罗的新浪微博:http://weibo.com/shengyangluo,欢迎关注! Chrom

前端笔记-前端优化简要大总结

个人对前端优化的一些简要总结,参考了一些别人写得资料 服务器方面: 提高自己服务器质量,带宽等方面 开启浏览器缓存,减少http请求 开启gzip压缩 使用内容分发网络cdn html界面 css文件放在head,js文件放在html尾部.下载某一个js时其他任务是暂停的,需要等这个JS下载并执行完毕后再下载其他的 不适用内联css 尽量减少标签,不多用一个标签,如clear清楚浮动用 :after js的延迟加载,异步加载,使用defer标签 . async="true" 减少dns

Chromium网页输入事件处理机制简要介绍和学习计划

用户在浏览网页的时候,需要与网页进行交互,常用的操作如滑动.捏合网页,以及点击网页中的链接等.这些交互操作也称为用户输入事件,浏览器需要对它们作出迅速的响应,例如及时更新网页内容或者打开新的网页等.浏览器能够对用户输入事件作出迅速的响应是至关重要的,因为这关乎到用户浏览网页时的体验,尤其是在用户滑动和捏合网页时.本文接下来就简要介绍Chromium对用户输入事件的处理机制,以及制定后续的学习计划. 老罗的新浪微博:http://weibo.com/shengyangluo,欢迎关注! 在任何一个

基于jQuery查找dom的多种方式性能问题

这个问题的产生由于我们前端组每个人的编码习惯的差异,最主要的还是因为代码的维护性问题.在此基础上,我对jQuery源码(1.11.3)查找dom节点相关的内容进行了仔细的查阅,虽然并不能理解的很深入 ..同时基于对浏览器console对象的了解产生了一系列之后的问题和分析,对jQuery最常用的三种dom查找方式进行了一个查找效率和性能方面的比较分析. 首先我们要用到的是   console.time()   和   console.timeEnd()   这两个成对出现的console对象的方

JavaScript DOM进阶方法

一 DOM类型 类型名                        说明Node                 表示所有类型值的统一接口,IE不支持;Document             表示文档类型;Element              表示元素节点类型;Text                 表示文本节点类型;Comment              表示文档中的注释类型;CDATASection         表示CDATA区域类型;DocumentType        

CEF中访问修改HTML DOM元素

有时你可能想在C++代码中直接操作HTML中的某个元素,比如改变某个按钮的状态(文字.颜色)等,此时可以使用CEF提供的CefDomVisitor.CefDOMDocument.CefDomNode这三个类,包含cef_dom.h即可. 我们可以用它们完成下列任务: 使用DOM模型访问HTML的各种节点(Element.Attribute.Text.CDATA.Comment.Document等) 修改某个元素的属性 修改某个Text节点的值 下面简要说说各个类的用法. CefDOMDocume

JavaScript DOM 编程艺术(第2版)读书笔记 (8)

<!--这章的内容略奇怪啊!可能是因为我之前没有接触过这些知识点,等以后用到的时候再回来翻阅吧,现在先简要介绍一下 js权限还没通过,所以 jsfiddle演示代码没有显示出来 --> 缩略语 这段文本包含大量的缩略语,上面都已经用<abbr>标签把它们标识出来了. 有些浏览器会把文档中的缩略语(<abbr>标签)显示为带有下划线或下划点的文本,另一些浏览器则会把缩略语显示为斜体字. 缩略语(<abbr>标签)的title属性在浏览器里是隐藏的.有些浏览器会