1.理解dom   为使我们能够通过编程的方式控制网页，w3c提出了文档对象模型（dom）。浏览器通过文档对象模型dom使JavaScript程序可以访问网页上的元素，而dom是网页上xhtml中文档正文标题，段落，列表，样式，id，class以及所有其他出现的数据的一个内部表示。dom的主要思想是 html上每个元素分别对应于dom中的一个节点 例如：①.Document——最顶层的节点或者说是根节点。②.Document Type——DTD引用（使用<!DOCTYPE>语法）的对象表现形式。③.DocumentFragment——可以像Document一样来保存其他节点。④.Element——表示起始标记和结束标记之间的内容。⑤.Text——代表xhtml文档中元素的起始标记和结束标记之间。⑥.Attr——代表元素节点开始标记内指定的属性。

2.对dom的支持   不是所有浏览器对dom的支持都是一样的 。一般来说，Mozilla对dom标准支持较好 ，IE对dom标准支持不怎么好

3.使用dom①.访问相关的节点：document.documentElement②.监测节点类型：document.documentElement.nodeType③.处理元素属性：getNamedItem(name)——返回nodeName属性值等于name的节点        　　　　　  removeNamedItem(name)——删除nodeName属性值等于name的节点　　　　　　　　setNamedItem(node)——将node添加到列表中，按其nodeName属性进行索引  　　　　　　　 item(pos)——像NodeList一样，返回在位置pos的节点

4.访问指定节点①.getElementsByTagName()方法——用来返回一个包含所有的tagNamr特性等于某个指定值的元素的Node List②.getElementsByName()方法——用来获取所有name属性等于指定值的元素 

③.getElementsById()方法——返回id特性等于指定值的元素

文档对象模型DOM

原文：http://www.cnblogs.com/coom/p/6535723.html