offsetHeight说明

66 阅读 0 评论 44 点赞

我是靠谱客的博主淡定彩虹，最近开发中收集的这篇文章主要介绍offsetHeight说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

offsetHeight说明:

本站解释:
offsetHeight与offsetWidth 作用相同，前者是获取元素的高度后者则是宽度．offsetHeight属性可以获取元素的可见高度值．包括边框和内部空白补丁．但超出元素的内容则不被计算．也就是说只返回元素的实际高度值．如果看得着边框．从上边框到下边框的距离则是offsetHeight返回的值．经过我测试无论在IE或FF均返回正常．值得一提的是我利用css 来控制元素的高度，在IE里会被撑大,FF里则不会．但返回的值是正确的！offsetHeight虽不是W3C标准属性，但广泛被浏览器支持．请看下面实例．

语法：
o = Element.offsetHeight
返回值：
o:返回对元素高度的引用．数值

参数

Element:获取该元素的可见高度

offsetHeight实例
<html>
<head>
<title>offsetHeight 属性使用实例</title>
<style>
/*注意这里设置div的边框和高度*/
#a{
border:1px solid;
height:20px;
width:20px;
}
</style>
</head>
<body>
<h3> 在IE中div被撑大返回的值与ff中不同．但这个值是正确的．因offsetHeight属性就是返回元素实际占位的值．包括滚动条和边框．</h3>
<div id="a">Web圈</div>
<script language="javascript">
var a = document.getElementById("a");
alert(a.offsetHeight);
</script>
</body>
</html>

浏览器兼容及W3C标准：
经测试offsetHeight 至少兼容以下浏览器:IE, Firefox
W3C标准：否