javascript中获取dom元素的高度和宽度【转】

javascript中获取dom元素高度和宽度的方法如下：

网页可见区域宽： document.body.clientwidth
网页可见区域高： document.body.clientheight
网页可见区域宽： document.body.offsetwidth (包括边线的宽)
网页可见区域高： document.body.offsetheight (包括边线的高)
网页正文全文宽： document.body.scrollwidth
网页正文全文高： document.body.scrollheight
网页被卷去的高： document.body.scrolltop
网页被卷去的左： document.body.scrollleft

对应的dom元素的宽高有以下几个常用的：

元素的实际高度：document.getelementbyid("div").offsetheight
元素的实际宽度：document.getelementbyid("div").offsetwidth
元素的实际距离左边界的距离：document.getelementbyid("div").offsetleft
元素的实际距离上边界的距离：document.getelementbyid("div").offsettop

文章来自：