1,關于滾動條
獲取滾動條滾動的距離window.pageXOffset window.pageYOffset 不兼容IE8和IE8以下
document.documentElement.scrollTop||document.body.scrollTop 兼容IE低版本
如果不兼容返回0
window的三個關于滾動條的方法 兼容IE低版本
scroll(),scrollTo控制滾動天滾動的位置
scrollBy() 完全相同 控制滾動條滾動的距離可以累加
2,關于視口的尺寸
獲取視口的寬度和高度
window.innerWidth window.innerHeight 不兼容IE8以及IE8以下
document.documentElement.clientHeight||document.body.clientWidth 兼容IE低版本
如果不兼容返回0
3,關于DOM獲取元素
getElementById()
getElementsByClassName() IE8以及IE8以下不支持
getElementsByName()
getElementsByTagName()
querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素,請使用 querySelectorAll() 方法替代。獲取的元素不實時;;
在DOM樹上獲取節點
childNodes 獲取指定元素下全部節點 兼容IE低版本
firstChild ... 第一個子節點 兼容IE低版本
lastChild ... 最后一個子節點 兼容IE低版本
nextSibling 下一個同級節點 兼容IE低版本
previousSibing 上一個同級節點 兼容IE低版本
parentNode ... 上一個父級節點 兼容IE低版本
在DOM樹上獲取節點元素
children 獲取指定元素下全部節點 兼容IE低版本
parentElement IE8以及IE8以下不兼容
lastElementChild IE8以及IE8以下不兼容
firstElementChild IE8以及IE8以下不兼容
nextElementSibling IE8以及IE8以下不兼容
previousElementSibling IE8以及IE8以下不兼容
node的四個屬性 兼容 IE8以及IE8以下
1,nodeName 返回節點的名字
2,nodeType 返回節點的屬性 1 元素 3 文本 8 注釋
3,nodeValue 用于訪問文本和注釋的value值 可改
4,attributes 獲取文本的屬性