程序员人生 网站导航

JQuery实例:offsetWidth 与 offsetHeight

栏目:jquery时间:2013-10-18 02:46:30

  网(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>

 

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐