2019獨角獸企業重金招聘Python工程師標準>>>

client-屬性

clientWidth，clientHeight

只讀屬性，表示一個元素的**可見區域**寬高，以像素計單位；該屬性即包括元素的padding,但不包括border，margin以及改元素滾動條的寬高。

clientWidth = width + padding - scrollbar(滾動條寬度，如果有的話） clientHeight = height + padding -scrollbar(滾動條高度，如果有的話）

clientLeft，clientTop

跟clientWidth和clientHeight大不同，它們僅僅表示元素的左邊框寬度和上邊框寬度。

sroll-屬性

scrollTop，scrollLeft

可讀可寫屬性，表示一個元素在有滾動條的情況下，被卷去的高寬。

scrollWidth，scrollHeight

只讀屬性，表示一個元素正文全文寬高

scrollWidth = clientWidth + scrollLeft(如果有滾動條的話）

offset-屬性

offsetWidth，offsetHeight

只讀屬性，表示一個元素的布局寬高，等于這個元素的寬高加上padding,border

offsetWidth = width + padding +border

offsetLeft，offsetTop

只讀屬性，表示當前元素距離上級有定位的元素左邊或上邊邊框的距離，如果上級元素沒有定位，則往更上一級尋找，直至body。

屬性總覽圖

轉載于:https://my.oschina.net/huskydog/blog/875572

總結

以上是生活随笔為你收集整理的关于Element中的clientWidth,scrollWidth,offsetWidth等属性详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。