溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹js中offsetWidth怎么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
js中的offsetWidth用法
offsetWidth//返回盒模型的寬度（包括width+左右padding+左右border）
<style>
#div1{width:200px;height:200px;border:2pxsolidred;padding:5px;margin:1px;background:green;}
</style>
<divid="div1"></div>
以上div1的offsetWidth為width+2*padding+2*border=200+2*5+2*2=214px
ps：offsetLeft=left+margin-left
offsetTop=top+margin-top
offsetWidth與其他屬性不同
注意：下面元素屬性和元素方法都通過elem.屬性或elem.方法的方式使用，window屬性通過window.屬性的方式使用，document屬性則通過document調用。
<script>
/*
******元素視圖屬性
*offsetWidth水平方向width+左右padding+左右border-width
*offsetHeight垂直方向height+上下padding+上下border-width
*
*clientWidth水平方向width+左右padding
*clientHeight垂直方向height+上下padding
*
*offsetTop獲取當前元素到定位父節點的top方向的距離
*offsetLeft獲取當前元素到定位父節點的left方向的距離
*
*scrollWidth元素內容真實的寬度，內容不超出盒子高度時為盒子的clientWidth
*scrollHeight元素內容真實的高度，內容不超出盒子高度時為盒子的clientHeight
*
******元素視圖屬性結束
*
以上是“js中offsetWidth怎么用”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
