HTML DOM:定义了所有HTML元素的对象和属性，以及访问它们的方法
DOM方法：
1.获得元素：
|getElementById()-----------------根据ID取得元素
|getElementsByTagName()-----------根据标签名取得元素数组
|getElementsByClassName()---------根据类名取得元素数组
2.创建节点:
|createAttribute()----------------创建属性节点
|createElement()------------------创建元素节点
|createTextNode()-----------------创建文本节点
3.节点操作：
|appendChild()--------------------把新的子节点添加到指定节点
|removeChild()--------------------删除子节点
|replaceChild()-------------------替换子节点
|insertBefore()-------------------指定子节点之前添加新子节点
4.属性节点：
|getAttribute()-------------------取得属性值
|setAttribute()-------------------设置属性值
DOM属性：
|innerHTML属性--------------------元素内容
|nodeName属性---------------------节点名称，只读
|nodeValue属性--------------------节点值
|nodeType属性---------------------节点类型
事件属性：
|onclick事件----------------------元素被点击松开时触发
|onload事件-----------------------进入页面触发
|onunload事件---------------------离开页面触发
|onchange事件---------------------一般用于输入字段验证
|onmouseover事件------------------鼠标移动到元素上触发
|onmouseout事件-------------------鼠标离开元素时触发
|onmousedown事件------------------鼠标点下时触发
|onmouseup事件--------------------鼠标点下后松开时触发
DOM导航属性：
|firstChild-----------------------父节点的第一个子节点
|lastChild------------------------父节点的最后一个子节点
|parentNode-----------------------父节点
原文：http://www.cnblogs.com/yangpc/p/4362252.html