js操作DOM对象 （Document Object Model）文档对象模型
nodeType返回值
1：元素节点
2：属性节点
3：文本节点
8：注释节点
9: 文档节点
nodeName ?节点名称
nodeType ?节点类型
nodeValue ?节点值
setAttribute("属性名","属性值")
getAttribute("属性名") ?根据属性名获取对应的属性值
getAttributeNode("属性名") ?获取的是属性节点
createElement() 新增节点
insertBefore(newLi,li) 把newLi放在li之前
replaceChild(newLi,li)把newLi替换li的位置
removeChild()删除指定的子节点
parentNode 获取父节点
appenChild()追加子节点
通过js中的style属性可以为节点动态的增加css样式
style.属性名
之前css的属性名 ?background-color
现在属性名 ?backgroundColor
className用来动态的给节点设置class属性！
tabs选项卡功能的实现
?offsetLeft ???返回元素左边距 到 父级的左边距
?offsetTop ????返回元素上边距 到 父级的上边距
?offsetHeight ??元素的高度
?offsetWidth ????元素的宽度
?offsetParent ??返回元素的父级容器
?scrollTop ?????滚动条的垂直距离
?scrollLeft ????滚动条的水平距离
?clientWidth ??返回元素可见宽度
?clientHeight ?返回元素可见高度
js操作DOM对象
原文地址：http://www.cnblogs.com/wodebokezhijian/p/7787683.html