js中DOM操作和js盒子模型

获取元素或者元素集合

 getElementById

 ->上下文只能是document（只有document这个实例的原型链上才能找到这个方法，其它实例都找不到）

 -id重复了获取第一个

 ->IE6-7中会把表单元素的name当做ID使用

 getElementsByTagName

->获取当前上下文中，所有子子孙孙中签名叫做xxx 的元素

 getElementsByClassName

 ->ie6-8中不兼容

getElementSByName

 ->在IE浏览器中只对表单元素的name 起作用

 ->上下文也只能是document

 querySelector

 querySelectorAll

* ->不兼容IE6-8

->没有DOM映射

 document.documentElement

 document.body

 document.head

 ...

 描述节点和节点之间关系的属性

 元素节点1 大写标签名 null

 文本节点3 #text 文本内容

 注释节点8 #comment 注释内容

 文档节点9 #document null

 childNodes：所有节点

 children:所有元素子节点（IE6-8中会把注释当作元素节点）

 previousSibling/previouElementSibling

 nextSibling

 firstChild

 lastChild

 [动态操作DOM]

 createElement

 createDocumentFragment

 appendChild

 insertBefore

 cloneNode(true/flase)

 removeChild

set/get/removeAttribute

 散 xxx.style.xxx=xxx设置行能样式

 xxx.style.xxx 获取行内样式

 xxx.className='xxx'

xxx.onClick=function.

js 盒子模型属性

在js 中通过相关的属性可以获取（设置）元素的样式信息，这些属性就是盒模型（基本上都有关于样式的）

client
     top left width height 
  offset
     top left width height parent
  scroll
     top left width height