DOM笔记

1.dom

document就代表整个文档。包含html文档。

1.拿元素的方法：

1.getElementsByTagName() 最常用，所有浏览器都有。
2.getElementsByClassName() ie8以下没有该方法。比较常用。
3.var div = document.getElementById('') ie8以下不区分大小写。不常用
4.getElementsByName() 只有部分标签的name才生效。不常用
5.querySelector() css选择器,不常用，因为不是实时的。
6.querySelectorAll()

2.节点
parentNode
childNode
firstChild
lastChild
nextSibling 后一个兄弟节点
previousSibling前一个兄弟节点
parentElement IE不兼容
children 当前元素的元素子节点

3.元素节点,
children 全兼容
parentElement ie9及以下不兼容
firstElementChild ie9及以下不兼容
lastElementChild ie9及以下不兼容
nextElementSibling ie9及以下不兼容
previousElementSibling ie9及以下不兼容

4.节点基本都有4个属性
1.nodeName
2.nodeValue
3.nodeType 最有用 （元素1，属性2，文本3，注释8，document 9，DocumentFragment 11）
4.attributes 该节点的属性（此属性不同于上文中得属性）集合，属性是尖括号里的一堆东西。

5.hasChildNodes()判断是否有子节点