认识DOM

 

概念

DOM，全程DocumentObject Model
，也就是我们常说的文档对象模型。有人说：“有了DOM，可以

说JavaScript就是另外一门语言了。”可见DOM的重要性，当然不能误解，DOM不是JavaScript，也不是

 
JavaScript的一部分。简单的来说DOM就是提供一个可供存储、遍历的接口。
 
为什么称为文档对象模型？
 
在DOM中HTML被表示为一个树形的结构，而这个根节点就是document对象，依次子节点、孙节点表
 
示html中出现的节点及内容。换句话说，dom将html等文档表示为节点。这些节点并不是我们说的数据
 
结构而是一个已经封装好属性和方法的对象，而这些属性和方法就刚刚好提供了供以访问的接口。这
 
也就是为什么dom叫做文档对象模型的缘由了。
 

构成

 

对象

 

Document

 
代表整个文档，也就是文档的根节点，提供整个文档的操作的入口。如getElementById，

 
getElemnetByname，getElementByTagName等，都是可以用来访问文档中的对象的。
 

Node

 
在dom中的接口很多都是从Node继承过来的，如上面提到的Document接口。在树结构中，代表一个节
 
点。
 

NodeLIst

 
其实看单词多少也能猜出来，这个用来表示一组节点的集合的。
 
这样可以对一组节点进行操作，如果要这一组节点中的某个节点进行操作。那么可以使用item的索引来
 
找到指定的节点。从而进行操作。
 

NameNodeMap

 
用来表示唯一的名字和一组节点的集合，与NodeList不同的是可以是无序的。

 
总结：DOM是一个为让JavaScript等编程语言更好操作html等文档内的元素的一个标准、一个接口。将html
 
中的元素转换成DOM树模型，封装属性与方法，供以调用。