DOM介绍

dom 分子组成
DOM，全称为溶解有机物，是水生生态系统中一种重要的化学组成部分。

它是由各种生物过程产生的复杂混合物，主要包括蛋白质、碳水化合物、脂肪酸、氨基酸等有机化合物。

DOM的分子组成相当复杂，且因来源和降解程度的不同而有所差异。

首先，蛋白质是DOM中重要的组成部分。

蛋白质由氨基酸通过肽键连接而成，而氨基酸的结构特点是至少含有一个氨基和一个羧基，并且它们都连接在同一个碳原子上。

这个碳原子还连接一个氢原子和一个侧链基团，这个侧链基团决定了氨基酸的种类。

在DOM中，蛋白质可能经过水解等过程，形成各种大小的肽段和游离的氨基酸。

其次，碳水化合物也是DOM的重要组成部分。

碳水化合物是由碳、氢、氧三种元素组成的，其中氢氧的比例通常为2:1，与水的比例一致，因此称为碳水化合物。

在DOM中，碳水化合物可能以单糖、寡糖和多糖的形式存在，它们是由糖苷键连接而成的。

此外，DOM中还含有各种脂肪酸和氨基酸等有机化合物。

这些化合物可能来自于生物的代谢过程，也可能来自于外界环境的输入。

它们在DOM中的存在形式和比例，受到许多因素的影响，如温度、pH值、氧化还原条件等。

总的来说，DOM的分子组成非常复杂，包括蛋白质、碳水化合物、脂肪酸、氨基酸等各种有机化合物。

这些化合物在DOM中的存在形式和比例，对于水生生态系统的物质循环和能量流动具有重要的影响。

因此，对DOM的分子组成进行深入的研究，有助于我们更好地理解水生生态系统的功能和过程。

一、DTM（Digital Terrain Model）数字地面模型是利用一个任意坐标系中大量选择的已知x、y、z的坐标点对连续地面的一个简单的统计表示，或者说，DTM就是地形表面形态属性信息的数字表达，是带有空间位置特征和地形属性特征的数字描述。

地形表面形态的属性信息一般包括高程、坡度、坡向等。

数字地形模型（DTM, Digital Terrain Model）最初是为了高速公路的自动设计提出来的（Miller，1956）。

此后，它被用于各种线路选线（铁路、公路、输电线）的设计以及各种工程的面积、体积、坡度计算，任意两点间的通视判断及任意断面图绘制。

在测绘中被用于绘制等高线、坡度坡向图、立体透视图，制作正射影像图以及地图的修测。

在遥感应用中可作为分类的辅助数据。

它还是的基础数据，可用于土地利用现状的分析、合理规划及洪水险情预报等。

在军事上可用于导航及导弹制导、作战电子沙盘等。

对 DTM的研究包括DTM的精度问题、地形分类、数据采集、DTM的粗差探测、质量控制、数据压缩、DTM应用以及不规则三角网DTM的建立与应用等。

二、DEM(Digital Elevation Matrix)数字高程矩阵。

GIS、地图学中的常用术语。

数字高程模型（Digital Elevation Model，缩写DEM）是一定范围内规则格网点的平面坐标（X，Y）及其高程（Z）的数据集，它主要是描述区域地貌形态的空间分布，是通过等高线或相似立体模型进行数据采集（包括采样和量测），然后进行数据内插而形成的。

DEM是对地貌形态的虚拟表示，可派生出等高线、坡度图等信息，也可与DOM或其它专题数据叠加，用于与地形相关的分析应用，同时它本身还是制作DOM的基础数据。

DEM是用一组有序数值阵列形式表示地面高程的一种实体地面模型，是数字地形模型(Digital Terrain Model，简称DTM)的一个分支。

一般认为,DTM是描述包括高程在内的各种地貌因子，如坡度、坡向、坡度变化率等因子在内的线性和非线性组合的空间分布，其中DEM是零阶单纯的单项数字地貌模型，其他如坡度、坡向及坡度变化率等地貌特性可在DEM的基础上派生。

dom常用话术DOM（DocumentObjectModel）是一种用于处理HTML和XML文档的编程接口。

在Web开发中，DOM的重要性不言而喻，它是JavaScript 与HTML文档之间的桥梁，可以让我们通过JavaScript来操作HTML 文档中的元素。

本文将介绍一些常用的DOM话术，以帮助读者更好地理解和应用DOM。

1. 获取元素在操作HTML文档之前，我们需要先获取HTML文档中的元素。

DOM 提供了多种方法来获取元素，常用的有以下几种：1.1 getElementById该方法可以通过元素的id属性获取元素，返回值是一个元素对象。

例如，我们可以通过以下代码获取id为“demo”的元素：```javascriptvar demo = document.getElementById('demo');```1.2 getElementsByTagName该方法可以通过元素的标签名获取元素，返回值是一个HTMLCollection对象。

例如，我们可以通过以下代码获取所有的p 元素：```javascriptvar pList = document.getElementsByTagName('p');```1.3 getElementsByClassName该方法可以通过元素的class属性获取元素，返回值是一个HTMLCollection对象。

例如，我们可以通过以下代码获取所有class 为“demo”的元素：```javascriptvar demoList = document.getElementsByClassName('demo'); ```1.4 querySelector该方法可以通过CSS选择器获取元素，返回值是一个元素对象。

例如，我们可以通过以下代码获取第一个class为“demo”的p元素： ```javascriptvar demo = document.querySelector('p.demo');```1.5 querySelectorAll该方法可以通过CSS选择器获取多个元素，返回值是一个NodeList对象。

DOM基础学习要点：1.DOM 介绍2.查找元素3.DOM 节点4.节点操作DOM（Document Object Model）即文档对象模型，针对 HTML 和 XML 文档的 API（应用程序接口）。

DOM描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。

DOM脱胎于Netscape及微软公司创始的DHTML（动态HTML），但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。

一．DOM介绍DOM 中的三个字母，D（文档）可以理解为整个Web 加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。

DOM 有三个等级，分别是 DOM1、DOM2、DOM3，并且 DOM1 在 1998 年 10 月成为 W3C 标准。

DOM1 所支持的浏览器包括 IE6+、Firefox、Safari、Chrome 和 Opera1.7+。

PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中的 DOM 可能会和其他浏览器有一定的差异。

1.节点加载HTML页面时，Web浏览器生成一个树型结构，用来表示页面内部结构。

DOM将这种树型结构理解为由节点组成。

节点树从上图的树型结构，我们理解几个概念，html标签没有父辈，没有兄弟，所以html标签为根标签。

head标签是html子标签，meta和title标签之间是兄弟关系。

如果把每个标签当作一个节点的话，那么这些节点组合成了一棵节点树。

PS：后面我们经常把标签称作为元素，是一个意思。

2.节点种类：元素节点、文本节点、属性节点。

<div title="属性节点">测试 Div</div>二．查找元素W3C 提供了比较方便简单的定位节点的方法和属性，以便我们快速的对节点进行操作。

DDM功能和DOM功能介绍
DDM是数字诊断监控，其全称是Digital Diagnostic Monitoring。

是光模块中使⽤的技术，以便⽤户能够监控光模块的实时参数。

这些参数包括⼯作温度、⼯作电压、⼯作电流、发射和接收光功率等，还可以显⽰模块的出⼚信息、提⽰告警/警告。

模块中的DDM功能为系统提供⼀种性能监测⼿段，可以帮助系统管理预测模块的寿命、隔离系统故障、在现场安装中验证模块的兼容性。

DOM是数字光学监控，其全称是Digital Optical Monitoring。

它的功能跟DDM差不多，允许您实时监控光模块的各⽅⾯数据，例如光模块的发送和接收、输⼊和输出功率、温度、电压。

⽹络管理员可以通过查看这些数据来确保光模块是否正常⼯作。

显然，具有DDM/DOM功能的光模块⽐没有这些功能的光模块更好，所以⼤多数光模块都符合SFF-8472标准，能够⽀持DDM/DOM功能。

dom常见的操作方法DOM是指文档对象模型（Document Object Model），它可以将文档（HTML、XML）表示为一个具有层次结构的树形结构。

在JavaScript 中，通过操作DOM，我们可以实现对网页元素的增删改查等操作。

下面是DOM的常见操作方法：一、查询元素1.通过元素的id查询：document.getElementById('id')2.通过元素的类名查询：document.getElementsByClassName('class')3.通过元素的标签名查询：document.getElementsByTagName('tag')4.通过选择器查询：document.querySelector('selector')或document.querySelectorAll('selector')，其中querySelector返回匹配的第一个元素，querySelectorAll返回匹配的所有元素。

二、创建元素1.创建元素：document.createElement('tag')2.创建文本节点：document.createTextNode('text')3.将文本节点添加到元素中：element.appendChild(textNode)三、操作元素属性1.获取元素属性值：element.getAttribute('attribute')2.设置元素属性值：element.setAttribute('attribute', 'value')四、操作元素样式1.获取元素样式值：element.style.property2.设置元素样式值：element.style.property = 'value'五、操作元素内容1.获取元素内容：element.innerHTML2.设置元素内容：element.innerHTML = 'content'3.获取元素文本内容：element.innerText六、操作元素位置1.获取元素相对于文档的位置：element.getBoundingClientRect()2.获取元素的父节点：element.parentNode3.插入元素到指定位置：parentElement.insertBefore(newElement, targetElement)七、操作元素事件1.添加事件监听器：element.addEventListener('event',function(){})2.移除事件监听器：element.removeEventListener('event', function(){})总结：DOM操作是JavaScript中的重要部分，在前端开发中经常需要对网页元素进行增删改查等操作。

DEM、DOM、DLG、DRG 4D 产品介绍
1、数字高程模型DEM的生产
数字高程模型（Digital Elevation Model简称DEM）是在高斯投影平面上规则格网点平面坐标（X,Y）及其高程（Z）的数据集。

该数据集从数学上描述了一定区域地貌形态的空间分布。

DEM的水平间距可随地貌类型不同而改变。

根据不同的高程精度，可分为不同等级产品。

2、数字正射影像DOM的生产
数字正射影图像（Digital Orthophoto Map简称DOM）是利用数字高程模型对扫描处理的数字化的航空相片/遥感相片（单片/彩色），经逐象元进行纠正，再按影像镶嵌，根据图幅范围裁剪生成的影像数据。

一般带有公里格网、图廓内 /外整饰和注记的平面图。

1:2000真彩色正射影图像3、数字线划图DLG 的生产
DLG是包含核心地形要素（包括居民地、交通、水系、独立地物、管线、境界等）的矢量数据集，他对各类要素进行分层分类存储并保存了各要素间的空间关系和相关属性信息。

城市DLG数据
山地DLG数据
4、数字栅格图DRG的生产
数字栅格地图（Digital Raster Graphic简称DRG）是纸质地形图的数字化产品。

每幅图经扫描、纠正、图幅处理及数据压缩处理后，形成在内容、几何精度和色彩上与地形图保持一致的栅格文件。

DLG数字线划地图(DLG, Digital Line Graphic)：是与现有线划基本一致的各地图要素的矢量数据集，且保存各要素间的空间关系和相关的属性信息。

>在世字测图中，最为常见的产品就是数字线划图，外业测绘最终成果一般就是DLG。

该产品较全面地描述地表现象，目视效果与同比例尺一致但色彩更为丰富。

本产品满足各种空间分析要求,可随机地进行数据选取和显示,与其他信息叠加,可进行空间分析、决策。

其中部分地形核心要素可作为数字正射影像地形图中的线划地形要素。

数字线划图DLG.jpg。

数字线划地图(DLG)是一种更为方便的放大、漫游、查询、检查、量测、叠加地图。

其数据量小，便于分层，能快速的生成专题地图，所以也称作矢量专题信息DTI（Digital Thematic Information）。

此数据能满足地理信息系统进行各种空间分析要求，视为带有智能的数据。

可随机地进行数据选取和显示，与其他几种产品叠加，便于分析、决策。

数字线划地图(DLG)的技术特征为：地图地理内容、分幅、投影、精度、坐标系统与同比例尺地形图一致。

图形输出为矢量格式，任意缩放均不变形。

生产技术原始资料主要采用：外业数据采集、航片、高分辨率卫片、地形图等。

制作方法：1)数字摄影测量、三维跟踪立体测图。

目前，国产的数字摄影测量软件VintuoZo系统和JX-4C才DPW系统都具有相应的矢量图系统，而且它们的精度指标都较高。

其中VintuoZo系统有工作站版和NT版两种，而JX-4C DPW系统只有NT版一种。

2)解析或机助数字化测图。

这种方法是在解析测图仪或模拟器上对航片和高分辨率卫片进行立体测图，来获得DLG数据。

用这种方法还需使用GIS或CAD等图形处理软件，对获得的数据进行编辑，最终产生成果数据。

3)对现有的地形图扫描，人机交互将其要素矢量化。

目前常用的国内外矢量化软件或GIS和CAD软件中利用矢量化功能将扫描影像进行矢量化后转入相应的系统中。

一、DTM（Digital Terrain Model）数字地面模型是利用一个任意坐标系中大量选择的已知x、y、z的坐标点对连续地面的一个简单的统计表示，或者说，DTM就是地形表面形态属性信息的数字表达，是带有空间位置特征和地形属性特征的数字描述。

地形表面形态的属性信息一般包括高程、坡度、坡向等。

数字地形模型（DTM, Digital Terrain Model）最初是为了高速公路的自动设计提出来的（Miller，1956）。

此后，它被用于各种线路选线（铁路、公路、输电线）的设计以及各种工程的面积、体积、坡度计算，任意两点间的通视判断及任意断面图绘制。

在测绘中被用于绘制等高线、坡度坡向图、立体透视图，制作正射影像图以及地图的修测。

在遥感应用中可作为分类的辅助数据。

它还是的基础数据，可用于土地利用现状的分析、合理规划及洪水险情预报等。

在军事上可用于导航及导弹制导、作战电子沙盘等。

对 DTM的研究包括DTM的精度问题、地形分类、数据采集、DTM的粗差探测、质量控制、数据压缩、DTM应用以及不规则三角网DTM的建立与应用等。

二、DEM(Digital Elevation Matrix)数字高程矩阵。

GIS、地图学中的常用术语。

数字高程模型（Digital Elevation Model，缩写DEM）是一定范围内规则格网点的平面坐标（X，Y）及其高程（Z）的数据集，它主要是描述区域地貌形态的空间分布，是通过等高线或相似立体模型进行数据采集（包括采样和量测），然后进行数据内插而形成的。

DEM是对地貌形态的虚拟表示，可派生出等高线、坡度图等信息，也可与DOM或其它专题数据叠加，用于与地形相关的分析应用，同时它本身还是制作DOM的基础数据。

DEM是用一组有序数值阵列形式表示地面高程的一种实体地面模型，是数字地形模型(Digital Terrain Model，简称DTM)的一个分支。

一般认为,DTM是描述包括高程在内的各种地貌因子，如坡度、坡向、坡度变化率等因子在内的线性和非线性组合的空间分布，其中DEM是零阶单纯的单项数字地貌模型，其他如坡度、坡向及坡度变化率等地貌特性可在DEM的基础上派生。

DEM 、DOM 、DLG 、DRG 4D产品介绍
1、数字高程模型 DEM 的生产
数字高程模型（ Digital Elevation Model 简称DEM）是在高斯投影平面上规则格网点平面坐标（X，Y）及其高程（Z）的数据集。

该数据集从数学上描述了一定区域地貌形态的空间分布。

DEM的水平间距可随地貌类型不同而改变。

根据不同的高程精度，可分为不同等级产品。

2、数字正射影像 DOM 的生产
数字正射影图像（ Digital Orthophoto Map 简称DOM）是利用数字高程模型对扫描处理的数字化的航空相片/遥感相片（单片/彩色），经逐象元进行纠正，再按影像镶嵌，根据图幅范围裁剪生成的影像数据。

一般带有公里格网、图廓内/外整饰和注记的平面图。

1:2000 真彩色正射影图像
3、数字线划图 DLG 的生产
DLG 是包含核心地形要素（包括居民地、交通、水系、独立地物、管线、境界等）的矢量数据集，他对各类要素进行分层分类存储并保存了各要素间的空间关系和相关属性信息。

城市 DLG 数据
山地 DLG 数据
4 、数字栅格图 DRG 的生产
数字栅格地图（Digital Raster Graphic 简称DRG）是纸质地形图的数字化产品。

每幅图经扫描、纠正、图幅处理及数据压缩处理后，形成在内容、几何精度和色彩上与地形图保持一致的栅格文件。

DOM基本介绍9-1 DOM基本介绍9-1-1什么是DOM⾸先，我们需要介绍什么是DOM。

DOM的英语全称为Document Object Model,翻译成中⽂就是⽂档对象模型。

也就是说，将整个⽂档看作是⼀个对象。

⽽⼀个⽂档⼜是由很多节点组成的，那么这些节点也可以被看作是⼀个个的对象。

DOM⾥⾯的对象属于宿主对象，需要浏览器来作为宿主。

⼀旦离开了浏览器这个环境，那么该对象将不复存在。

同样，上⼀章我们所介绍的 BOM也是如此，需要浏览器来作为宿主，所以它也是⼀个宿主对象。

DOM的作⽤如下：·浏览器提供的操纵HTML⽂档内容的应⽤程序接⼝·⽤于对⽂档进⾏动态操作，如增加⽂档内容，删除⽂档内容，修改⽂档内容等等9-1-2 DOM 历史在介绍了什么是DOM之后，接下来我们来看⼀下DOM的⼀个发展史。

⽽⼀说到DOM的发展史，那就不得不介绍DOM的级别。

这⾥我们对DOM的级别来进⾏⼀个简单的介绍，如下：DOM Level 0：⾸先，我们需要确定的是在DOM标准中并没有DOM0级这个级别。

所谓的DOM0级是DOM历史坐标中的⼀个参照点⽽已，怎么说呢，DOM0级指的是IE4和N etscape 4.0这些浏览器最初⽀持的DOM相关⽅法。

主要关注于常见的页⾯元素，⽐如图像，链接和表单。

有些现在图像和表单的那些⽅法，⽬前依然可以被⽤在当前版本的DOM中。

DOM Level 1：于1998年10⽉成为W3C的推荐标准。

DOM1级由两个模块组成：DOM核⼼ (DOM Core)和DOM HTML。

这个版本引⼊了⽹页的完整模型，允许在⽹页的每个部分进⾏导航。

DOM Level 2：对DOM level 1 做了扩展，于20001年出版，引⼊了流⾏的 getElementById()⽅法，让访问⽹页上的特定元素变得更加容易。

DOM Level 3：对DOM level 2做了进⼀步的扩展，于2004年出版。

什么是DOMDOM是“DocumentObjectModel”（文档对象模型）的首字母缩写。

D就是Document（文档），如果没有document（文档），DOM也就无从谈起。

当创建了一个网页并把它加载到Web浏览器中时，DOM就在幕后悄然而生。

它将根据你编写的网页文档创建一个文档对象。

O就是Object(对象)，在人类语言中，“对象”这个词的含义往往不那么明确和具体，它几乎可以用来称呼任何一种客观存在的事物。

但在程序设计语言中，“对象”这个词的含义非常明确和具体。

Javacript中“对象”是一种独立的数据集合。

与某个特定对象相关联的变量被称为这个对象的属性；可以通过某个特定对象去调用的函数被称为这个对象的方法。

JavaScript语言里的对象可以分为三种类型：●用户定义对象（uer-definedobject）：由程序员自行创建的对象（类）。

这里我们不讨论这种对象。

●内建对象（nativeobject）：内建在JavaScript语言里的对象，如Array、Math和Date等。

这里我们不讨论这种对象。

●宿主对象（hotobject）：由浏览器提供的对象，这里是我要重点介绍的。

宿主对象它们当中最基础的是window对象，window对象对应着浏览器窗口本身，这个对象的属性和方法通常被统称为BOM（浏览器对象模型）————但我觉得称之为WindowObjectModel（窗口对象模型）更为贴切。

不过在这里我们将把注意力集中在浏览器窗口的内部，我们将着重探讨如何对网页的内容进行处理，而用来实现这一目标的载体就是document对象。

（呵呵，在我们的代码中，“document”出现的频率十分频繁）现在，我们已经对DOM中的字母“D”（document，文档）和字母“O”（object，对象）做了解释，那么字母“M”又代表着什么呢？M就是Model（模型），但说它代表着“Map”（地图）也未尝不可。

DOM介绍什么时DOM DOM:⽂档对象模型.DOM为⽂档提供了结构化表⽰,并定义了如何通过脚本来范⽂⽂档结构.⽬的起始就是为了能让js操作html元素⽽指定的⼀个规范. DOM就是由节点组成的.解析过程 HTML加载完毕,渲染引擎会在内存中吧HTML⽂档,⽣成⼀个DOM树,getElementById时获取DOM中的元素节点,然后操作的时候修改的时该元素的属性.DOM树(⼀切都是节点)DOM的数据结构如下： 上图可知,在HTML当中,⼀切都是节点:(⾮常重要) 元素节点:HTML标签. ⽂本节点:标签中的⽂字(⽐如标签之间的空格.换⾏) 属性节点:标签的属性. 这个html⽂档就是⼀个⽂档节点,所有的节点都是Object.DOM可以做什么 找对象(元素节点) 设置元素的属性 设置元素的样式 动态创建和删除元素 事件的触发相应;事件源,事件,事件的驱动程序DOM节点的获取 DOM节点的获取⽅式起始就是获取事件源的⽅式 操作元素节点,必须⾸先找到该节点,有三种⽅式可以获取DOM节点:var div1 = document.getElementById("box1"); //⽅式⼀：通过id获取单个标签var arr1 = document.getElementsByTagName("div1"); //⽅式⼆：通过标签名获得标签数组，所以有svar arr2 = document.getElementsByClassName("hehe"); //⽅式三：通过类名获得标签数组，所以有s既然⽅式⼆、⽅式三获取的是标签数组，那么习惯性是先遍历之后再使⽤。

特殊情况：数组中的值只有1个。

即便如此，这⼀个值也是包在数组⾥的。

这个值的获取⽅式如下：document.getElementsByTagName("div1")[0]; //取数组中的第⼀个元素document.getElementsByClassName("hehe")[0]; //取数组中的第⼀个元素DOM访问关系的获取`DOM的节点并不是孤⽴的，因此可以通过DOM节点之间的相对关系对它们进⾏访问。

dom的制作流程DOM（Document Object Model）是一种用于访问和操作HTML 文档的编程接口。

它提供了一种将HTML文档表示为树结构的方式，并且允许开发者通过操作这个树结构来改变文档的内容、结构和样式。

本文将介绍DOM的制作流程，帮助读者了解如何使用DOM 来操作HTML文档。

一、创建HTML文档在使用DOM之前，首先需要创建一个HTML文档。

可以使用任何文本编辑器，如Notepad++或Sublime Text，在文档中编写HTML代码。

HTML代码由标签和内容组成，标签用于定义不同的元素，内容则是元素的具体信息。

二、引入DOM库为了能够使用DOM接口，需要在HTML文档中引入DOM库。

通常情况下，可以通过在`<head>`标签中添加如下代码来引入DOM 库：```html<script src="dom.js"></script>```这里的`dom.js`是一个自定义的JavaScript文件，包含了DOM的实现代码。

三、获取元素使用DOM来操作HTML文档的第一步是获取要操作的元素。

可以通过不同的方法来获取元素，如通过标签名、类名或ID等。

1. 通过标签名获取元素可以使用`getElementsByTagName`方法来获取具有相同标签名的所有元素。

例如，要获取所有的`<p>`元素，可以使用以下代码：```javascriptvar paragraphs = document.getElementsByTagName("p");```2. 通过类名获取元素可以使用`getElementsByClassName`方法来获取具有相同类名的所有元素。

例如，要获取所有类名为`my-class`的元素，可以使用以下代码：```javascriptvar elements = document.getElementsByClassName("my-class");```3. 通过ID获取元素可以使用`getElementById`方法来获取具有相同ID的元素。

DOM的基本操作DOM（Document Object Model，文档对象模型）是一种表示和操作HTML和XML文档的程序接口。

通过DOM，我们可以使用JavaScript或其他编程语言来访问和操作HTML文档的各个元素，实现改变页面结构、样式和内容等功能。

下面是对DOM的基本操作的详细介绍。

1.获取元素DOM提供了多种方法来获取HTML文档中的元素，常用的方法有：- `getElementById(`：通过元素的id属性获取元素，返回一个匹配的元素对象。

- `getElementsByClassName(`：通过元素的class属性获取元素，返回一个包含所有匹配元素的元素集合。

- `querySelector(`：通过选择器获取单个元素，返回第一个匹配的元素对象。

- `querySelectorAll(`：通过选择器获取所有匹配的元素，返回一个包含所有匹配元素的静态节点列表。

2.修改元素的内容和属性DOM提供了多种方法来修改元素的内容和属性，常用的方法有：- `innerHTML`：设置或获取元素的HTML内容。

- `setAttribute(`：设置元素的属性值。

- `getAttribute(`：获取元素的属性值。

- `classList.add(`：给元素添加一个或多个类名。

- `classList.remove(`：从元素中移除一个或多个类名。

3.创建和插入元素DOM提供了多种方法来创建和插入新的元素节点，常用的方法有：- `createElement(`：创建一个新的元素节点。

- `createTextNode(`：创建一个包含指定文本的文本节点。

- `appendChild(`：在指定元素的最后一个子节点后插入一个新的子节点。

- `insertBefore(`：在指定元素的一些子节点前插入一个新的子节点。

- `replaceChild(`：用一个新的子节点替换指定元素的一些子节点。

一、DTM（Digita‎l Terrai‎n Model）数字地面模型‎是利用一个任‎意坐标系中大‎量选择的已知‎x、y、z的坐标点对‎连续地面的一‎个简单的统计‎表示，或者说，DTM就是地‎形表面形态属‎性信息的数字‎表达，是带有空间位置特征和地‎形属性特征的‎数字描述。

地形表面形态‎的属性信息一‎般包括高程、坡度、坡向等。

数字地形模型‎（DTM, Digita‎l Terrai‎n Model）最初是为了高‎速公路的自动‎设计提出来的‎（Miller‎，1956）。

此后，它被用于各种‎线路选线（铁路、公路、输电线）的设计以及各‎种工程的面积、体积、坡度计算，任意两点间的‎通视判断及任‎意断面图绘制‎。

在测绘中被用于绘制‎等高线、坡度坡向图、立体透视图，制作正射影像图以及地图的修测。

在遥感应用中可作为‎分类的辅助数‎据。

它还是的基础‎数据，可用于土地利‎用现状的分析‎、合理规划及洪‎水险情预报等‎。

在军事上可用‎于导航及导弹‎制导、作战电子沙盘‎等。

对 DTM的研究‎包括DTM的‎精度问题、地形分类、数据采集、DTM的粗差‎探测、质量控制、数据压缩、DTM应用以‎及不规则三角‎网DTM的建‎立与应用等。

二、DEM(Digita‎l Elevat‎i on Matrix‎)数字高程矩阵‎。

GIS、地图学中的常‎用术语。

数字高程模型‎（Digita‎l Elevat‎i on Model，缩写DEM）是一定范围内‎规则格网点的‎平面坐标（X，Y）及其高程（Z）的数据集，它主要是描述‎区域地貌形态‎的空间分布，是通过等高线‎或相似立体模型进行‎数据采集（包括采样和量‎测），然后进行数据‎内插而形成的‎。

DEM是对地‎貌形态的虚拟‎表示，可派生出等高‎线、坡度图等信息‎，也可与DOM‎或其它专题数据叠加‎，用于与地形相‎关的分析应用‎，同时它本身还‎是制作DOM‎的基础数据。

DEM是用一‎组有序数值阵‎列形式表示地‎面高程的一种‎实体地面模型‎，是数字地形模‎型(Digita‎l Terrai‎n Model，简称DTM)的一个分支。

一、DOM简述DOM—Document Object Model,它是W3C国际组织的一套Web标准。

它定义了访问HTML文档对象的一套习属性、方法和事件。

DOM是以层次结构组织的节点或信息片断的集合。

文档对象模型（Document Object Model）是给HTML与XML文件使用的一组API。

DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。

浏览器对象是一个分层结构，也称为文档对象模型，如下图所示：从上图可以看出：（1）打开网页后，首先看到的是浏览器窗口，即顶层的window对象。

（2）其次，看到的是网页文档的内容，即document文档。

（3）定位对象：window.document.myform.text1或document.myform.text1因为window窗口对象是所有页面的根对象，所以常常省略。

(4)地址对象location和历史对象history，它他对应IE浏览器中的地址栏和前进/后退按钮。

二、窗口window常用属性：1 window.clesed：指明窗口是否关闭。

2 window.defaultValue：窗口状态栏的默认信息。

3 window.docement：表示浏览器窗口中的HTML文档。

4 window.location：表示有关当前URL的信息。

5 window.history：表示有关当前访问过的RUL的信息。

6 ：设置或检索窗口或框架的名称。

7 window.screen：包含有关客户的屏幕和显示性能的信息。

8 window.screenX：窗口X坐标9 window.screenY：窗口Y坐标10 window.status：设置或检索窗口状态栏中的信息。

11 window.title：设置或检索窗口顶部标题栏中的信息。

12 window.self：当前窗口。

13 window.parent：当前窗口的最上层窗口。

14 window.top：当前显示的窗口的最上层窗口。

通俗易懂的来讲讲DOM——科普性质的DOM⼊门教程==========转载需要分隔线==========DOM是所有前端开发每天打交道的东西，但是随着jQuery等库的出现，⼤⼤简化了DOM操作，导致⼤家慢慢的“遗忘”了它的本来⾯貌。

不过，要想深⼊学习前端知识，对DOM的了解是不可或缺的，所以本⽂⼒图系统的讲解下DOM的相关知识，如有遗漏或错误，还请⼤家指出⼀起讨论^ ^。

⼀、DOM是什么？DOM（⽂档对象模型）是针对HTML和XML⽂档的⼀个API，通过DOM可以去改变⽂档。

这个说法很官⽅，⼤家肯定还是不明⽩。

举个例⼦：我们有⼀段HTML，那么如何访问第⼆层第⼀个节点呢，如何把最后⼀个节点移动到第⼀个节点上⾯去呢？DOM就是定义了如果做类似操作，那么应该怎么做的标准。

⽐如⽤getElementById来访问节点，⽤insertBefore来插⼊节点。

当浏览器载⼊HTML时，会⽣成相应的DOM树。

简⽽⾔之，DOM可以理解为⼀个访问或操作HTML各种标签的实现标准。

对于⼀个HTML来说，⽂档节点Document（看不到的）是它的根节点，对应的对象便是document对象（严格讲是⼦类HTMLDocument对象，下⾯单独介绍Document类型时会指出）。

换句话说存在⼀个⽂档节点Document，然后它有⼦节点，⽐如通过document.getElementsByTagName("html")，得到类型为元素节点的Element html。

每⼀段HTML标记都可以⽤相应的节点表⽰，例如：HTML元素通过元素节点表⽰，注释通过注释节点表⽰，⽂档类型通过⽂档类型节点表⽰等。

⼀共定义了12种节点类型，⽽这些类型⼜都继承⾃Node类型。

所以我们⾸先讲Node类型，因为这个类型的⽅法是所有节点都会继承的。

⼆、Node类型（基类，所有节点都继承了它的⽅法）Node是所有节点的基类型，所有节点都继承⾃它，所以所有节点都有⼀些共同的⽅法和属性。