欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

scrollWidth,clientWidth,offsetWidth的區(qū)別

 更新時(shí)間:2015年01月13日 14:36:15   投稿:hebedich  
這篇文章主要介紹了scrollWidth,clientWidth,offsetWidth的區(qū)別,需要的朋友可以參考下

通過(guò)一個(gè)demo測(cè)試這三個(gè)屬性的差別。

說(shuō)明:

scrollWidth:對(duì)象的實(shí)際內(nèi)容的寬度,不包邊線寬度,會(huì)隨對(duì)象中內(nèi)容超過(guò)可視區(qū)后而變大。
clientWidth:對(duì)象內(nèi)容的可視區(qū)的寬度,不包滾動(dòng)條等邊線,會(huì)隨對(duì)象顯示大小的變化而改變。
offsetWidth:對(duì)象整體的實(shí)際寬度,包滾動(dòng)條等邊線,會(huì)隨對(duì)象顯示大小的變化而改變。

該demo就在頁(yè)面中放一個(gè)textarea元素,采用默認(rèn)寬高顯示。

情況1:

元素內(nèi)無(wú)內(nèi)容或者內(nèi)容不超過(guò)可視區(qū),滾動(dòng)不出現(xiàn)或不可用的情況下。

scrollWidth=clientWidth,兩者皆為內(nèi)容可視區(qū)的寬度。

offsetWidth為元素的實(shí)際寬度。

情況2:

元素的內(nèi)容超過(guò)可視區(qū),滾動(dòng)條出現(xiàn)和可用的情況下。

scrollWidth>clientWidth。

scrollWidth為實(shí)際內(nèi)容的寬度。

clientWidth是內(nèi)容可視區(qū)的寬度。

offsetWidth是元素的實(shí)際寬度。

END

以上就是scrollWidth,clientWidth,offsetWidth區(qū)別的全部?jī)?nèi)容,希望對(duì)大家有所幫助。

相關(guān)文章

最新評(píng)論