Dom

DOM：Document Object Model 文档对象模型
文档：html页面
对象：页面中的元素
文档对象模型：为了让程序(js)能操作元素
DOM节点类型有12种：
元素节点(标签节点)；<li>1111</li> 算一个元素节点 nodeType=1
文本节点：空格也是 nodeType=3
属性节点： nodeType=2
childNodes 子节点(只包含一级，不包含孙级)集合 哟兼容问题：标准：元素节点+文本节点 非标准：元素节点
children 子节点集合 标准：元素节点 非标准：元素节点
firstChild firstElementChild(IE?)
lastChild lastElementChild
nextSibling nextElementSibling 下一个兄弟节点
previousSibling previousElementSibling 上一个兄弟节点
parentNode 父节点只有一个 无兼容问题
offsetParent 有最近的定位的父节点 没有定位就是body
offsetLeft/Top 有定位负极 到负极距离
div.style.width:样式宽/高
div.clientWidth:可视区宽/高 样式宽+padding*2
div.offsetWidth:占位宽/高 样式宽+padding*2+border*2
获取属性方式：
属性不加括号 方法加括号
属性是变量时用【】，var name="value" oText[name]
oText.value
oText.getAttribute("value") 方法 获取
oText.setAttribute("value"，"222") 设置
oText.removeAttribute（"value"） 移除