JS擷取元素寬和高

JS擷取元素寬和高

注意“網頁可見地區”，我設定了一個display：none的div，用了半天沒效果，原來是必須可見地區！轉載此內容，記下了。
============================================================================
網頁可見地區寬： document.body.clientWidth
網頁可見地區高： document.body.clientHeight
網頁可見地區寬： document.body.offsetWidth (包括邊線的寬)
網頁可見地區高： document.body.offsetHeight (包括邊線的高)
網頁本文全文寬： document.body.scrollWidth
網頁本文全文高： document.body.scrollHeight
網頁被捲去的高： document.body.scrollTop
網頁被捲去的左： document.body.scrollLeft
網頁本文部分上： window.screenTop
網頁本文部分左： window.screenLeft
螢幕解析度的高： window.screen.height
螢幕解析度的寬： window.screen.width
螢幕可用工作區高度： window.screen.availHeight
螢幕可用工作區寬度： window.screen.availWidth

注意在XHTML標準下一個請將body改成documentElement

具體元素，可先擷取，用同樣的方法

如：var nav=document.getElementById("nav");
var div=document.getElementById(id);
if(!nav||!div){return false;}
var li=nav.getElementsByTagName('li')[index];
div.style.display='block';
div.style.width=li.clientWidth+"px";