国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jquery > JQuery实例:offsetWidth 与 offsetHeight

JQuery实例:offsetWidth 与 offsetHeight

来源:程序员人生   发布时间:2013-10-18 02:46:30 阅读次数:3362次

  网(LieHuo.Net)教程 offsetWidth 与offsetHeight 只包含border + padding + content 的宽度。

<html>
<head>
<title>WelCome to Liehuo.Net</title>
<style type="text/css">
#div1
{
border:10px solid red;
width:200px;
height:80px;
margin:20px;
padding:10px;
}
</style>
<script type="text/javascript" src="http://www.wfuyu.com/uploads/Common/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
window.onload = function(){
$("#div1").html("offsetWidth:" + $("#div1").get(0).offsetWidth + "<br/>offsetHeight:" + $("#div1").get(0).offsetHeight);
}
</script>
</head>

<body>
<div id="div1">
WelCome to Liehuo.Net
</div>
</body>
</html>

 

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生