DOM and BOM

一、DOM
1、getElementById
通过id获取某一个元素

2、getElementsByTagName
通过标签名获取一组元素的集合

3、childNodes
获取子节点，但是标准下会获取空白节点
获取第一级子元素的节点

4、nodeType
节点类型
1）元素节点（标签）2）文本节点（空白节点）

5、children
获取子节点，但是没有兼容性问题
获取第一级子元素的节点

6、firstElementChild || firstChild
标准下：firstElementChild ie不支持
ie下是 firstChild
获取子元素里的第一个

7、lastElementChild || lastChild
标准下：lastElementChild ie不支持
ie下是 lastChild
获取子元素里的最后一个

8、nextElementSibling || nextSibling
标准下：nextElementSibling ie不支持
ie下 nextSibling
获取子指定元素的下一个兄弟节点

9、previousElementSibling || previousSibling
标准下： previousElementSibling ie不支持
id：previousSibling
获取指定元素的上一个兄弟节点

10、parentNode
获取父节点

11、offsetParent
获取有定位的父节点，都没有定位的话父节点就是body

12、offsetWidth-----有问题
获取元素的实际宽度（width+padding+border）

13、offsetHeight
获取元素的高度（height+padding+border）

14、clientWidth
获取元素的内部宽度（width+padding）

15、clientHeight
获取元素的内部高度（height+padding）

16、createElement（标签名）
创建一个节点

17、appendchild（节点）
追加一个节点

18、insertBefore（节点，原有节点）
在已有的元素前面插入

19、removeChild（节点）
删除一个节点

20、replaceChild（节点，已有节点）
替换已有的节点

 

二、BOM
1、window。open（）
打开窗口

2、window。close（）
关闭窗口,标准下不支持

3、window。location
获取浏览器地址

4、window。location。href
获取整体的网址

5、window。location。search
获取问号？后面的内容，包括问号

6、window。location。hash
获取警号#后面的内容，包括警号

7、window。location。reload（）
自动刷新，定时器配合

8、window。navigator。userAgent
获取浏览器信息