javascript獲取頁面寬度和高度以及元素的位置

javaScript獲取頁面寬度高度大全以及元素的位置
TABLE 寬度
document.getElementById("ta").childNodes[0].childNodes[0].offsetWidth

網頁可見區域寬：document.body.clientWidth
網頁可見區域高：document.body.clientHeight
網頁可見區域寬：document.body.offsetWidth(包括邊線的寬)
網頁可見區域高：document.body.offsetHeight(包括邊線的寬)
網頁正文全文寬：document.body.scrollWidth
網頁正文全文高：document.body.scrollHeight
網頁被捲去的高：document.body.scrollTop(IE7無效)
網頁被捲去的左：document.body.scrollLeft(IE7無效)

網頁被捲去的高：document.documentElement.scrollTop(IE7有效)

網頁被捲去的左：document.documentElement.scrollLeft(IE7有效)
網頁正文部分上：window.screenTop
網頁正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的寬：window.screen.width
屏幕可用工做區高度：window.screen.availHeight
屏幕可用工做區寬度：window.screen.availWidth

相對於窗口左上角的X：window.event.clientX

相對於窗口左上角的Y：window.event.clientY
相對於整個頁面的X：window.event.X
相對於整個頁面的Y：window.event.Y

//經過id得到該元素

var e = document.getElementById( id );

var x= e.offsetLeft, y = e.offsetTop, h = e.clientHeight, w = e.clientWidth;


while (e = e.offsetParent) {
  x += e.offsetLeft;
  y += e.offsetTop;          
}