DOM的简介

DOM是网页中的用来表示文档中对象的标准模型，通过JavaScript可以对网页中的所有DOM对象进行操作，是由万维网联盟W3C组织制定的标准编程接口。
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。
Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。
微软在网页技术上加入了不少专属事物，既有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。

DOM的分级：
根据W3C规范，将DOM分为1级、2级、3级共3个级别。
1、1级DOM
1级DOM在1998年10月份成为W3C的提议，由DOM核心与DOM HTML两个模块组成。DOM核心能映射以XML为基础的文档结构，允许获取和操作文档中的任意部分。
2、2级DOM
鉴于1级DOM仅以映射文档结构为目标，DOM 2级面向更为宽广。通过对原有DOM的扩展，2级DOM通过对象接口增加了对鼠标和用户界面事件、范围、遍历（重复执行DOM文档）和层叠样式表（CSS）的支持。同时也对DOM 1的核心进行了扩展，从而可支持XML命名空间。
3、3级DOM
3级DOM通过引入统一方式载入和保存文档和文档验证方法对DOM进行进一步扩展，DOM3包含一个名为“DOM载入与保存”的新模块，DOM核心扩展后可支持XML1.0的所有内容，包括XML Infoset、 XPath、和XML Base。

DOM文档对象模型的基本方法：
1、直接引用结点：document.getElementById(‘id名’)；–在文档里面通过id来找节点

直接引用结点：document.getElementById(‘id名’)；–在文档里面通过id来找节点, 获取文本框的内容

2、document.getElementByTagName(‘标签名’)； --返回一个数组

document.getElementByTagName(“span”)；将返回所有类型为span的结点。

3.document.getElementsByClassName(“class名”)；

4.document.getElementsByName(‘文本框name名’);

5、获得结点信息：nodeName属性获得结点名称 --对于元素结点返回的是标记名称,如：返回的是"a" ；对于属性结点返回的是属性名称,如：class=“test” 返回的是test ；对于文本结点返回的是文本的内容，nodeType返回结点的类型。