董文枭 老人的陋室

我与海 苦坐舟 书如山 毅亦铭

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";

阅读更多
文章标签: xhtml div 工作
个人分类: JavaScript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭