DOM（Document Object Model）文档对象模型，是语言和平台的中立接口。。
允许程序和脚本动态地访问和更新文档的内容。
为什么要使用DOM？Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强。
HTML的DOMHTML的DOM是一个内存对象树，在浏览器中只保存一份，HTML的DOM修改HTML的内容会直接反应到浏览器中
在DOM眼中，HTML是由不同类型的节点组成的，这些节点都属性NODE对象。
NODE对象有一个nodeType的属性可用于判断节点类型
HTML不同类型的节点之间都是有联系的：
位于一个节点之上的节点是该节点的父节点(parent)
一个节点之下的节点是该节点的子节点（children）
同一层次，具有相同父节点的节点是兄弟节点（sibling）
一个节点的下一个层次的节点集合是节点后代(descendant)
父、祖父节点及所有位于节点上面的，都是节点的祖先(ancestor)
于是乎，NODE对象也有访问节点的属性和方法
属性：
总的来说就是：得到节点的信息(节点名字、节点值)以及访问节点的兄弟、父亲
方法：
总的来说就是：添加、替换、删除子节点，判断是否有子节点，克隆子节点
documentHTML的DOM中我们提到并大量使用了document这个Javascirpt的内置对象，请注意这个对象仅仅可以表示HTML的根节点。
document的属性：
documentElement【可以获取得到<html>这个节点】
document方法：
createElement()【创建一个元素节点】
createComment()【创建注释】
createAttribute()【创建属性节点】
createTextNode()【创建文本节点】
getElementById()【通过id得到该元素节点】
getElementsByTagName()【通过标签名，得到所有标签名的数组】
Element接口Element代表的是元素节点，是我们经常用到的一个接口！
Element属性：
tagName【返回的是元素标签的大写名称】
Element方法：
getAttribute(String name)【得到属性的值】
setAttribute(String name,String value)【设置属性的名称和值，不存在则创建】
getElementsByTabName()【返回该元素节点的子孙节点的数组】
removeAttribute()【移除属性】
当我们设置属性的时候，我们不是调用方法来设置，而经常会这样做：
var input =http://www.likecs.com/ document.createElement("input"); input.value =http://www.likecs.com/ "aa"; input.name =http://www.likecs.com/ "bb";