DOM是Document Object Model文档对象模型的缩写
dom学习笔记
DOM一、基本概念1、DOM ：Document Object Model 缩写，文档对象模型。
2、元素：一个元素就是HTML 标签，包括其中的属性和内容。
二、元素对象1、浏览器本身、文档，以及HTML 元素都可以当作对象。
2、把元素声明成对象的三种方法：1）使用var test =document.getElementById(‘s’)test 就是id 为s 的元素的对象实例2）onclick=”show(this)”this 就代表这个元素的对象实例3）<script for=”s”event=”onclick”>xxx</script>三、事件源、事件、事件处理程序1、事件源：在哪里发生2、事件：发生什么事3、事件处理程序：处理发生事的程序四、元素对象1、公共属性：1）Object.属性：设置元素属性。
a.href =‘’;2）object.getAttribute(“元素名”)：获取元素属性值var i =a.getAttribute(‘href’);3）Object.innerText ：修改HTML 内容（只操作文本）。
4）Object.innerHTML ：修改HTML 内容（可以插入HTML 标签）。
a.innerHTML =“<img src=’xxx.jpg’/>”;5）Object.style ：返回对象的样式，是一个对象类型a.style.color =“red”;6）Object.className ：CSS 类名<style>.test{color:red;}</style>a.className =‘test’;7）Object.appendChild(‘s’)：向本元素中嵌入其它元素。
var img =document.createElement(‘img’);a.appendChild(‘img’);8）Object.removeChild(‘s’)：删除本元素中内嵌的元素。
HTMLDOM对象的属性和方法介绍
HTMLDOM对象的属性和⽅法介绍HTML DOM对象的属性和⽅法介绍DOM 是 Document Object Model（⽂档对象模型）的缩写。
DOM（⽂档对象模型）是针对HTML和XML⽂档的⼀个API（应⽤程序编程接⼝），它允许程序和脚本动态地访问和更新⽂档的内容，结构和样式。
W3C DOM 标准被分为 3 个不同的部分：核⼼ DOM - 针对任何结构化⽂档的标准模型XML DOM - 针对 XML ⽂档的标准模型HTML DOM - 针对 HTML ⽂档的标准模型HTML DOM 定义了所有 HTML 元素对象的属性，以及访问它们的⽅法，我们可以通过 Javascript 获取，修改，添加和删除 HTML 元素。
HTML DOM 对象有⼏种类型：1.Document 类型在浏览器中，Document 对象表⽰整个 HTML ⽂档。
1.1属性引⽤⽂档的⼦节点documentElementvar html = document.documentElement; //取得对<html>元素的引⽤bodyvar body = document.body; //取得对<body>元素的引⽤获取⽂档信息title通过 title 属性可以访问当前⽂档的标题，也可以修改当前⽂档的标题。
var originalTitle = document.title; //返回当前⽂档的标题document.title = "New title"; //修改当前⽂档的标题URL该属性返回当前页⾯完整的 URL，也就是浏览器地址栏中的全部地址信息。
⽐如我打开了⼀个页⾯，浏览器地址栏中的信息显⽰如下：/cqhaibin/p/6291640.html这些信息就是当前⽂档完整的 URL。
var url = document.URL;//返回当前⽂档完整的URLdomain该属性返回当前⽂档的服务器域名。
第13章 DOM模型
第13章 DOM模型DOM是Document Object Model文档对象模型的缩写。
DOM是一种与浏览器、平台、语言无关的接口，通过DOM可以访问页面其他标准组件。
DOM解决了Netscape和Microsoft的JavaScript之间的冲突，给予web设计师和开发者一个标准的方法，以让他们来访问他们站点的数据、脚本和表现层对象。
本章将介绍DOM结构模型、如何遍历DOM、等待HTML DOM的加载、在HTML文档中查找元素、处理DOM中的结点等。
13.1 DOM简介DOM模型的全称是文档对象模型。
DOM定义了操作文档对象的接口，在该模型中，文档被看成是结构化的数据，对于XML就像是一棵树的结构，树种的每个结点对应一个XML标记，都是一个对象。
如，网页中的HTML文档是一个根节点，链接、图片、表单等子对象都是树叶。
DOM是以层次结构组织的节点或信息片段的集合。
该层次结构允许开发人员在树中导航寻找特定信息。
分析该结构通常需要加载整个文档和构造层次结构。
由于DOM是基于信息层次的，因而它被认为是基于树的。
但是事实上，DOM模型更多表现为一个对象模型，不依赖于结构，树状结构是该模型的一个实现。
它规定了每个对象的接口。
在Ajax应用中，通过这些接口来改变文档状态，以达到页面动态显示的目的。
DOM模型一般包括3个部分：核心、HTML以及XML。
核心部分包括了最底层的文档操作接口，适用于HTML和XML；HTML部分包括针对HTML的操作接口；XML部分定义了针对XML的操作接口。
注意：XML DOM主要用于XML的标准对象模型和标准编程接口。
XML DOM是用于获取、更改、添加或删除XML元素的标准。
DOM模型是从DHTML开始的。
Netscape的浏览器开始就引进了document对象、form对象、text 对象等，这是最初的DHTML模型。
后来又添加Image对象，并得到了包含IE浏览器在内的其他浏览器的支持。
什么是 DOM
什么是DOM？DOM 是W3C（万维网联盟）的标准。
DOM 定义了访问HTML 和XML 文档的标准：“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。
”W3C DOM 标准被分为3 个不同的部分：•核心DOM - 针对任何结构化文档的标准模型•XML DOM - 针对XML 文档的标准模型•HTML DOM - 针对HTML 文档的标准模型编者注：DOM 是Document Object Model（文档对象模型）的缩写。
什么是HTML DOM？HTML DOM 是：•HTML 的标准对象模型•HTML 的标准编程接口W3C 标准DOM 节点根据W3C 的HTML DOM 标准，HTML 文档中的所有内容都是节点：•整个文档是一个文档节点•每个HTML 元素是元素节点•HTML 元素内的文本是文本节点•每个HTML 属性是属性节点注释是注释节点方法是我们可以在节点（HTML 元素）上执行的动作。
编程接口可通过JavaScript （以及其他编程语言）对HTML DOM 进行访问。
所有HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。
方法是您能够执行的动作（比如添加或修改元素）。
属性是您能够获取或设置的值（比如节点的名称或内容）。
getElementById() 方法getElementById() 方法返回带有指定ID 的元素：HTML DOM 对象- 方法和属性一些常用的HTML DOM 方法：•getElementById(id) - 获取带有指定id 的节点（元素）•appendChild(node) - 插入新的子节点（元素）•removeChild(node) - 删除子节点（元素）一些常用的HTML DOM 属性：•innerHTML - 节点（元素）的文本值•parentNode - 节点（元素）的父节点•childNodes - 节点（元素）的子节点attributes - 节点（元素）的属性节点现实生活中的对象某个人是一个对象。
dom编程
DOM编程理解树的概念DOM是Document Object Model文档对象模型的缩写。
根据W3C DOM规范（/DOM/），DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件。
简单理解，DOM解决了Netscape的Javascript和Microsoft的Jscript 之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。
在理解DOM眼中的HTML文档结构之前，应该对树状结构有所了解。
直接位于一个节点之上的节点是该节点的父节点（parent）。
直接位于一个节点之下的节点是该节点的子节点（children）。
位于同一层次，具有相同父节点的节点是兄弟节点（sibling）。
一个节点的下一个层次的节点集合是那个节点的后代（descendant）。
一个节点的父节点、祖父节点及其他所有位于它之上的节点都是那个节点的祖先（ancestor）。
在DOM眼中，HTML是一种树状结构的文档，<html>是根（root）节点，<head>、<title>、<body>是<html>的子（children）节点，互相之间是兄弟（sibling）节点；<body>下面才是子节点<table>、<span>、<p>等等。
HTML的文档结构如图4-12所示。
图4-12 HTML文档结构HTML文档的节点由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型。
下表列出了Node 常用的几种节点类型。
Node常用的几种节点类型每个Node对象都有nodeType属性，它用来指定该节点的类型。
例如，一个节点的nodeType属性等于Node.ELEMENT_NODE，则代表该节点为Element类型，可以将其作为Element对象，使用Element对象的属性和方法进行相关操作。
DOM基础
文档对象
document 描述当前窗口或指定窗口对象的文 档。它包含了从<head>到</body>的内容。
松迪科技（北京）有限公司
文档对象
document属性 lastModified 文档最后修改日期，是一个 Date 对象。 referrer 如果文档通过点击连接打开，则 referrer 返回原来的 URL。 title <title>...</title>定义的文字。 fgColor <body>的 text 属性所表示的文本颜色。 bgColor <body>的 bgcolor 属性所表示的背景颜色。 linkColor <body>的 link 属性所表示的连接颜色。 alinkColor <body>的 alink 属性所表示的活动连接颜色。 vlinkColor <body>的 vlink 属性所表示的已访问连接颜色。
松迪科技（北京）有限公司
event对象
altKey 检索ALT键的当前状态 可能的值 true为关闭 false为不关闭 button 检索按下的鼠标键 可能的值： 0 没按键 1 按左键 2 按右键 3 按左右键 4 按中间键 5 按左键和中间键 6 按右键和中间键 7 按所有的键
松迪科技（北京）有限公司
松迪科技（北京）有限公司
窗口对象
close() 关闭一个已打开的窗口。 blur() 使窗口变为“非活动窗口”。 focus() 使窗口变为“活动窗口”。 scrollTo() [<窗口对象>.]scrollTo(x, y)；使窗 口从左上角数起的(x, y)点滚动到窗口的左上 角。 scrollBy() [<窗口对象>.]scrollBy(deltaX, deltaY)；使窗口向右滚动 deltaX 像素，向下 滚动 deltaY 像素。如果取负值，则向相反的 方向滚动。
第六章 DOM文档对象模型
版权所有◎ 版权所有◎鹏程国际计算机教育
6
HTML DOM概述 概述
以上代码对应的DOM树形结构为: 树形结构为: 以上代码对应的 树形结构为
版权所有◎ 版权所有◎鹏程国际计算机教育
7
节点(Node)概述 概述 节点
版权所有◎ 版权所有◎鹏程国际计算机教育
15
获取,设置, 获取,设置,删除元素节点的属性
<element>.getAttribute(name) :该方法用来获 该方法用来获 得元素节点中name属性的值 属性的值. 得元素节点中 属性的值 <element>.setAttribute(name,value) :该方法用 该方法用 来设置元素节点中name属性的值 属性的值. 来设置元素节点中 属性的值 <element>.removeAttribute(name) :该方法用 该方法用 来删除元素节点中的name属性 属性. 来删除元素节点中的 属性
1
DOM概述 概述
DOM(Document Object Model) DOM是Document Object Model文档对象模型 是 文档对象模型 的缩写.根据W3C DOM规范 的缩写.根据 规范 ),DOM是一种与 (/DOM/), ), 是一种与 浏览器,平台,语言无关的接口, 浏览器,平台,语言无关的接口,使得你可以访 问页面其他的标准组件.简单理解, 问页面其他的标准组件.简单理解,DOM解决了 解决了 Netscape的Javascript和Microsoft的Jscript之 的 和 的 之 间的冲突,给予web设计师和开发者一个标准的 间的冲突,给予 设计师和开发者一个标准的 方法,让他们来访问他们站点中的数据, 方法,让他们来访问他们站点中的数据,脚本和 表现层对像. 表现层对像.
JSP DOM介绍
JSP DOM介绍DOM是Document Object Model的缩写，即文档对象模型，是W3C组件推荐的处理XML的标准接口，定义了所有文档元素的对象和属性，以及访问它们的方法（接口）。
W3C文档对象模型（DOM）定义了访问诸如XML和XHTML文档的标准，是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。
W3C DOM被分为3个不同的部分：●核心DOM 用于任何结构化文档的标准模型。
●XML DOM 用于XML文档的标准模型。
●HTML DOM 用于HTML文档的标准模型。
XML DOM定义了访问和处理XML文档的标准方法。
XML DOM是XML D ocument Object Model的缩写，即XML文档对象模型，是用于获取、更改、添加或删除XML元素的标准。
HTML DOM定义所有HTML元素的对象和属性，以及访问它们的方法（接口）。
W3C文件对象模型（DOM）可以看作是一个平台或语言中立的（language-neu tral）界面，它允许程序和脚本动态的访问以及更新文档的内容、结构、脚本程序。
在这里DOM仅仅只是一种对某种功能和结构的声明，告诉别的对象，具有什么样的概念定义。
简单来看，DOM可以看作是一组API（Application Program Interface 即应用程序接口），它把HTML文档，XML文档等看成一个文档对象，在里面存放的是对这些文档操作的属性和方法的定义。
DOM技术并不是首先用于XML文档，对于HTML文档来说，早就可以使用DOM来读取里面的数据了。
W3C DOM提供了一组描述HTML及XML文件的标准对象和一个用来访问和操作这类文件的标准界面。
若以面向对象的思维来看，可以把HTML文档或XML 文档看成是一个对象，一个XML文档对象可以包含其它的对象，如节点对象。
对XML文档对象的操作实际是对该对象的节点对象的操作，可以对对象进行修改等操作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
DOM是Document Object Model文档对象模型的缩写。
根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。
简单理解，DOM 解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。
基本简介
DOM是以层次结构组织的节点或信息片断的集合。
这个层次结构允许开发人员在树中导航仪寻找特定信息。
分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。
由于它是基于信息层次的，因而DOM 被认为是基于树或基于对象的。
对于特别大的文档，解析和加载整个文档可能很慢且很耗资源，因此使用其他手段来处理这样的数据会更好。
这些基于事件的模型，比如Simple API for XML（SAX），适用于处理数据流，即随着数据的流动而依次处理数据。
基于事件的API 消除了在内存中构造树的需要，但是却不允许开发人员实际更改原始文档中的数据。
另一方面，DOM 还提供了一个API，允许开发人员添加、编辑、移动或删除树中任意位置的节点，从而创建一个引用程序。
解析器是一个软件应用程序，设计用于分析文档（这里是指XML文件），以及做一些特定于该信息的事情。
在诸如SAX 这样基于事件的API 中，解析器将向某种监听器发送事件。
在诸如DOM 这样基于树的API 中，解析器将在内存中构造一颗数据树。
发展过程
从DOM Level 1 开始，DOM API 包含了一些接口，用于表示可从XML 文档中找到的所有不同类型的信息。
它还包含使用这些对象所必需的方法和属性。
Level 1 包括对XML 1.0 和HTML 的支持，每个HTML 元素被表示为一个接口。
它包括用于添加、编辑、移动和读取节点中包含的信息的方法，等等。
然而，它没有包括对XML 名称空间（XML Namespace）的支持，XML 名称空间提供分割文档中的信息的能力。
DOM Level 2 添加了名称空间支持。
Level 2 扩展了Level 1，允许开发人员检测和使用可能适用于某个节点的名称空间信息。
Level 2 还增加了几个新的模块，以支持级联样式表、事件和增强的树操作。
当前正处于定稿阶段的DOM Level 3 包括对创建Document 对象（以前的版本将这个任务留给实现，使得创建通用应用程序很困难）的更好支持、增强的名称空间支持，以及用来处理文档加载和保存、验证以及XPath 的新模块；XPath 是在XSL 转换（XSL Transformation）以及其他XML 技术中用来选择节点的手段。
DOM 的模块化意味着作为开发人员，您必须知道自己希望使用的特性是否受正在使用的DOM 实现所支持。
可用特性
DOM 推荐标准的模块性质允许实现者挑选将要包括到产品中的部分，因而在使用某个特定的特性之前，首先确定该特性是否可用可能是必要的。
使用DOM Level 2 Core API，不过在着手您自己的项目时，了解如何能够检测特性是有所帮助的。
DOM 中定义的接口之一就是DOMImplementation。
通过使用hasFeature() 方法，可以确定某个特定的特性是否受支持。
DOM Level 2 中不存在创建DOMImplementation 的标准方法，不过下面的代码将展示如何使用hasFeature() 来确定DOM Level 2 样式表模块在某个Java 应用程序中是否受支持。
import javax.xml.parsers.DocumentBuilderFactory；
import javax.xml.parsers.DocumentBuilder；
import org.w3c.dom.DOMImplementation；
public class ShowDomImpl {
public static void main (String args[]) {
try {
DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance()；
DocumentBuilder docb = dbf.newDocumentBuilder()；
DOMImplementation domImpl = docb.getDOMImplementation()；
if (domImpl.hasFeature("StyleSheets", "2.0")) {
System.out.println("Style Sheets are supported.")；
} else {
System.out.println("Style Sheets are not supported.")；
}
} catch (Exception e) {}
}
}
（DOM Level 3 将包括用于创建DOMImplementation 的标准方法。
）将使用单个文档来展示DOM Level 2 Core API 的对象和方法。
射影像图
数字正射影像图(DOM,DigitalOrthophotoMap)：是对航空(或航天)像片进行数字微分纠正和镶嵌，按一定图幅范围裁剪生成的数字正射影像集。
它是同时具有地图几何精度和影像特征的图像。
DOM具有精度高、信息丰富、直观逼真、获取快捷等优点，可作为地图分析背景控制信息，也可从中提取自然资源和社会经济发展的历史信息或最新信息,为防治灾害和公共设施建设规划等应用提供可靠依据；还可从中提取和派生新的信息，实现地图的修测更新。
评价其它数据的精度、现实性和完整性都很优良。
合肥市数字正射影像图DOM.jpg。
该图的技术特征为：数字正射影像，地图分幅、投影、精度、坐标系统、与同比例尺地形图一致，图像分辨率为输入大于400dpi；输出大于250dpi。
由于DOM是数字的，在计算机上可局部开发放大，具有良好的判读性能与量测性能和管理性能等，如用农村土地发证，指认宗界地界比并数字化其点位坐标、土地利用调查等等。
DOM可作为独立的背景层与地名注名，图廓线公里格、公里格网及其它要素层复合，制作各种专题图。
生产技术
制作的主要技术方法：采用航空像片或高分辨率卫星遥感图像数据等。
利用：1)VintuoZo 系统数字摄影测量工作站。
VintuoZo系统可以利用对DEM的检测及编辑,来提高DOM的精度。
还可以通过像片间、图幅间进行灰度接边，以保证影像色调的一致性。
2)采用jx-4DPW 系统。
jx-4DPW是一套基于WINDOWSNT的数字摄影测量系统。
因其对DEM的编辑采用的是单点编辑，而且该系统还具有对DOM的零立体检查的功能，故其DOM的精度较高。
基于DEM的单片数字微分纠正VintuoZo系统具有单片数字微分纠正的模块。
数字正射影像图的应用洪水监测、河流变迁、旱情监测；农业估产(精准农业)；土地覆盖与土地利用土地资源的动态监测；荒漠化监测与森林监测(成林害虫)；海岸线保护；
生态变化监测。
DOM的优势主要表现在：易用性强，使用DOM时，将把所有的XML文档信息都存于内存中，并且遍历简单，支持XPath，增强了易用性。
DOM的缺点主要表现在：
效率低，解析速度慢，内存占用量过高，对于大文件来说几乎不可能使用。
另外效率低还表现在大量的消耗时间，因为使用DOM进行解析时，将为文档的每个element、attribute、processing-instrUCtion和comment都创建一个对象，这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。