DOM是客户端javascript最重要的部分。包括以下几块内容：
DOM节点类型：
常用DOM的对象属性/方法
增删改查：
tips:
var ul = document.getElementsByTagName("ul")[0];
// demo1
var list = ul.querySelectAll("li");
for(var i = 0; i < list.length; i++){
var li = document.createElement("li");
ul.appendChild(li);
}
// demo2
var list = ul.getElementsByTagName("li");
for(var i = 0; i < list.length; i++){
var li = document.createElement("li");
ul.appendChild(li)
}
事件：
1. dom 0级事件（dom.onclick）只能绑定一次，而dom 2级事件（addEventListener）可以绑定多次
2. 当同一类型事件绑定多次时，addEventListener按照添加顺序执行。attachEvent按添加顺序倒序执行
3. 在addEventListner中，通过event对象拥有以下属性、方法
4. 在attachEvent中，event对象拥有以下属性、方法
夸浏览器的事件处理程序
var EventUtil = {
addHandler: function(element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false)
} else if (element.attachEvent) {
element.attachEvent(‘on‘ + type, handler)
} else {
element[‘on‘ + type] = handler
}
},
removeHandler: function(element, type, handler) {
if (element.removeEventListener) {
element.removeEventListener(type, handler, false)
} else if (element.detachEvent) {
element.detachEvent(‘on‘ + type, hander)
} else {
element[‘on‘ + type] = null
}
}
}
原文：http://www.cnblogs.com/lilijing/p/4423916.html