1.访问html元素
getElementById() 方法 返回对拥有指定 id 的第一个对象的引用，只有dom对象有效
getElementsByName() 方法 返回指定名称的对象集合
getElementsByTagName() 方法 返回指定标签名的对象集合
getElementsByClassName() 方法 返回文档中所有指定类名的元素集合，ie8及之前版本不支持；
parentNode、firstChild、 lastChild、childNodes、nextSibling、previousSibling、nodeValue 通过这些节点属性来访问相应节点
2.dom改变
innerHTML属性 改变元素内容最简单的方法
style 访问html对象的样式对象来改变样式
appendChild() 添加子元素
createElement() 创建元素
createTextNode() 创建文本节点
insertBefore() 在子元素之前添加一个元素
child.parentNode.removeChild(child) 删除当前节点
replaceChild() 替换html元素
3、dom事件
onchange 该事件在表单元素的内容改变时触发
onload 页面或者图像加载完成后
onunload 用户退出页面时 Chrome 或者 Opera 不支持该事件
onmouseover 移动到
onmouseout 离开
onmousedown 点击
onmouseup 松开
onclick 点击完成
onfocus 获取焦点时
onblur 失去焦点时
DOMNodeInserted：在一个节点作为子节点被插入到另一个节点中时触发
DOMNodeRemoved：在节点从其父节点中被移除时触发