dom:
元素.childNodes    属性 子节点列表集合   标准下包含元素和文本类型的节点  和非法嵌套的子节点
非标准下：包含元素类型的节点
只包含一级子节点不包含后辈孙级子节点
元素.children   属性 子节点列表集合  标准下包含元素类型子节点 
非标准下：包含元素类型子节点

元素.nodeType     //当前元素的节点类型
DOM的节点类型有很多种  12种
元素节点  1
属性节点  2
文本节点  3

元素.attributes.length   //元素属性的个数   这个元素当前的属性
元素.attributes[0].name  //这个元素的第1个属性的名称   .value //值


第一个子元素的获取
元素.firstChild  //第一个子节点 标准下：会包括文本类型的节点
非标准下：只包含元素节点
元素.firstElementChild  //标准下：获取第一个元素类型的子节点
没有非标准   所以可以用他做判断

最后一个子元素的获取
元素.lastChild
元素.lastElementChild  

下一个子元素的获取
元素.nextSibling    
元素.nextElementSibling    

上一个子元素的获取
元素.previousSibling
元素.previousElementSibling

var ofirst=obj.firstElementChild||obj.firstChild;     //第一个元素的子节点

var olast=obj.lastElementChild||obj.latChild; //最后一个元素的子节点

var onext=obj.nextElementSibling||obj.nextSibling; //下一个元素的子节点

var oprev= obj.previousElementSibling||obj.previousSibling; //上一个元素的子节点

父子节点
parentNode   //当前节点的父级节点
offsetParent //离当前元素最近的一个有定位属性的父节点   如果没有定位父级默认是Body
IE7以下,如果当前元素没有定位默认是body，如果有定位则是html
当前元素到定位父级的距离
元素.offsetLeft //如果没有定位父级
元素.offsetTop offsetLeft  ->html
offsetParent  ->body
如果有定位父级：IE7以下 如果自己没有定位那么offsetLeft是到Body的距离
如果自己有定位,那么就是到定位父级的距离。 其它：到定位父级的距离里

style.width :样式宽高 height
clientWidth:可视区宽 //样式宽+padding||margin
offsetWidth:占位宽 //可视区宽+border

创建元素
document.createElement(标签名称);
添加到页面中
父级.appendChild(要添加的元素) 方法追加子元素
父级.insertBefore(新的元素,被插入的元素) 方法 在指定元素前面插入一个新元素
在IE下如果第二个参数的节点不存在,会报错
在其他标准浏览器下如果第二个参数的节点不存在,则会以oppendChild的形式添加
删除
父级.removeChild(要删除的元素)

替换
父级.replaceChild(新节点,被替换的节点)


getElementsByClassName    //获取Class元素
addClass //添加Class
removeClass //删除Class

表格的操作

tHead : 表格头
tBodies : 表格正文
tFoot : 表格尾
rows : 行
cells : 列

表单的操作

onchange :当值发生改变的时候触发
text:当光标离开的时候如果内容有变化就触发
radio/checkbox:标准下点击的时候只要值变了就会触发  //默认checked
  非表准下焦点离开的时候如果值变了就会触发
oform.submit() //提交表单

reset   //重置操作
onrest:事件当表单重置的时候操作

confirm()  弹出确定对话框