offsetWidth是否包括滚动条
2023-04-18 16:48:53 时间
关于offsetWidth的基本用法可以参阅js offsetWidth一章节。
下面就通过代码实例验证一下offsetWidth是否包括滚动条的宽度。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>前端部落</title>
<style>
#top,#bottom{
width:200px;
height:100px;
background:red;
overflow:auto;
margin:50px;
}
#top_child,#bottom_child {
width:20px;
background:blue;
}
#top_child{
height:160px;
}
#bottom_child{
height:60px;
}
</style>
<script>
window.onload = function () {antzone
var oantzone = document.getElementById("antzone");
var otop = document.getElementById("top");
var obottom = document.getElementById("bottom");
var str = "";
str = str + "top元素的offsetWidth:" + otop.offsetWidth+"<br/>";
str = str + "bottom元素的offsetWidth:" + obottom.offsetWidth;
oantzone.innerHTML = str;
}
</script>
</head>
<body>
<div id="top">
<div id="top_child"></div>
</div>
<div id="bottom">
<div id="bottom_child"></div>
</div>
<div id="antzone"></div>
</body>
</html>
由上面的代码可以证明,offsetWidth是包括滚动条的尺寸的。
相关文章
- 谷歌宣布即将淘汰32位版Android Studio与Android模拟器
- 多家巨头实测鸿蒙系统:比安卓快60%
- Android GitHub 常用开源框架汇总
- 苹果将如何支撑旗下5大OS的未来?
- Siri开始说人话,声纹识别终到来,今天的苹果够AI
- iPadOS系统发布:桌面级体验 告别大号iPhone
- 苹果四大新系统兼容设备一览 没抛弃SE
- iTunes要关了,「买专辑」的时代结束了
- 华为被Wi-Fi联盟、SD协会等组织暂停成员资格
- 免root就能给手机装上双系统,三步搞定!
- 为什么Arm对华为禁令不会起到实质效果?
- 任正非:华为有三大突破点,要做就做世界第一
- 苹果、小米“变软”的尴尬:互联网服务营收迟迟扶不上墙
- 谷歌秘密硬件团队刚刚失去了三位重要成员
- 美国封杀中国5G 华为回应:限制华为不会让美国更强大
- 定了!11月底前在全国实施“携号转网”
- 6.6万部iPhone被销毁,你知道真相吗?
- 白天不懂夜的黑!Android Q拿什么打赢iOS 13
- iOS系统的底层通知框架库
- 像心理学家一样做设计!5个掌控用户行为的实用技巧