什么是DOM？
DOM的全称是=>Document Object Model，翻译过来指的是文档对象模型。DOM是w3c（万维网联盟）的标准，它是“中立于平台和语言的接口，且允许程序和脚本动态地更新文档的内容、结构和样式”。
DOM包含：
（1）核心DOM：针对任何结构化文档的标准模型
（2）XML DOM：针对XML的标准模型
（3）HTML DOM：针对HTML的标准模型
本文讲的是HTML DOM，这里讲的DOM也是指HTML DOM。HTML DOM 是html的标准对象模型，是html的标准编程接口。HTML DOM定义了所有HTML元素的对象、属性以及访问它们的方法。HTML DOM 是一种用来获取、增加、删除、修改HTML元素的标准。
1、获取元素节点里面的文本值，可以使用dom.innerHTML，除此之外，还可以用dom.firstChild.nodeValue | dom.lastChild.nodeValue、dom.childNodes[0].nodeValue 属性来获取。
2、获取父元素节点里面的子节点，可以用[父元素节点].getElementsByTagName()方法，区别在于不需要再写document
2、nodeType返回的是数值，1表示节点类型为元素节点，2表示节点类型为属性节点，3表示节点类型为文本节点。
3、nodeName
如果是元素节点，返回的是元素标签的大写名
如果是属性节点，与属性名相同
如果是文本节点，始终返回“#text”
如果是文档节点，始终返回“#document”
4、在元素节点内添加文本内容，使用方法createTextNode()，在元素节点内添加子节点，使用方法appendChild()
5、按钮点击事件，写在onClick属性里面的函数方法要带括号
如：<input type="button" value="改变字体颜色" onClick="changeColor()">
6、指定位置插入子节点，使用dom.inserBefore(插入的子节点，子节点在这个节点的前面)；
7、删除节点，使用父节点.removeChild()。如果不想获取父节点，直接删除子节点，可以使用：要删除的子节点.parentNode.removeChild(要删除的子节点);
8、取代节点，使用parent.replaceChild(newNode,oldNode)
9、节点绑定事件，事件里面的this指的就是这个节点本身。
如果是使用了函数，可以通过向函数传递参数，把this传给函数执行，这是this巧妙之处。
10、onload onunlad事件可以用于处理cookies。
11、把字母变成大写的方法toUpperCase()
12、onmouseover() onmouseout() 鼠标移进移出事件
13、onmousedown() onmouseup() onclick()
当鼠标点击，触发onmousedown()
当鼠标松开，触发onmouseup()
最后，鼠标完成点击时，触发onclick()