<style type="text/css">
#dom{
background-color: yellow;
padding: 20px;
width: 30px;
border: 5px solid red;
margin: 10px;
}
</style>
<body>
<div id="dom">
</div>
<script type="text/javascript">
var dom = document.getElementById("dom");
console.log(dom.style.width); //30px content的宽度
console.log(dom.currentStyle["width"]); //30px 只有IE兼容
console.log(window.getComputedStyle(dom,null)["width"]); //30px
console.log(dom.offsetWidth); //80 content+padding+border
console.log(dom.getBoundingClientRect().width); //80
console.log(dom.scrollWidth); //70 content+padding
console.log(dom.clientWidth ); //70
</script>
js获取容器宽度的方法
最新推荐文章于 2023-05-24 16:25:11 发布