scrollWidth,clientWidth與offsetWidth的區別
scrollWidth
是物件的實際內容的寬,不包邊線寬度,會隨物件中內容的多少改變(內容多了可能會改變物件的實際寬度)。
clientWidth
是物件可見的寬度,不包滾動條等邊線,會隨視窗的顯示大小改變。
offsetWidth
是物件的可見寬度,包滾動條等邊線,會隨視窗的顯示大小改變。
offsetWidth的值總是比clientWidth的值大。
clientWidth是物件看到的寬度(不含邊線)
offsetWidth是物件看到的寬度(含邊線,如滾動條的佔用的寬)
是物件的實際內容的寬,不包邊線寬度,會隨物件中內容的多少改變(內容多了可能會改變物件的實際寬度)。
clientWidth
是物件可見的寬度,不包滾動條等邊線,會隨視窗的顯示大小改變。
offsetWidth
是物件的可見寬度,包滾動條等邊線,會隨視窗的顯示大小改變。
offsetWidth的值總是比clientWidth的值大。
clientWidth是物件看到的寬度(不含邊線)
offsetWidth是物件看到的寬度(含邊線,如滾動條的佔用的寬)
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-609978/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- scrollWidth,clientWidth,offsetWidth的區別client
- dom的寬高 clientWidth offsetWidth scrollWidthclient
- clientWidth和offsetWidth的區別client
- 元素的尺寸 offsetWidth和clientWidth的區別client
- js元素尺寸和位置,包含clientWidth、offsetWidth、scrollWidth等JSclient
- clientWidth、clientHeight、offsetWidth、offsetHeight以及scrollWidth、scrollHeightclient
- JavaScript屬性中的offsetLeft、offsetWidth、clientWidth、scrollLeft、scrollWidth、innerWidJavaScriptclient
- offsetWidth和clientWidth屬性的區別是什麼client
- offsetwidth與style.width 區別
- 蒙了嗎?offsetLeft、offsetWidth、scrollTop、scrollWidth、event.pageX
- offsetwidth和style.width的區別是什麼
- ??與?:的區別
- JavaScript scrollWidthJavaScript
- MySQL的@與@@區別MySql
- mybatis #與$的區別MyBatis
- Null 與 “” 的區別Null
- &與&&, |與||區別
- in與exist , not in與not exist 的區別
- JavaScript clientWidthJavaScriptclient
- CentOS 與 Ubuntu 的區別CentOSUbuntu
- artice與section的區別
- GET 與 POST 的區別
- WebSocket 與 Socket 的區別Web
- Postgresql與MySQL的區別MySql
- chown與chmod的區別
- LESS與SASS的區別
- free 與 CFRelease 的區別
- gulp與webpack的區別Web
- @Autowired 與@Resource的區別
- let與var的區別
- post與get的區別
- HashSet與HashMap的區別HashMap
- maven與ant的區別Maven
- __new()__ 與 __init()__的區別
- TCP與UDP的區別TCPUDP
- Mysql與mongodb的區別MySqlMongoDB
- typedef與define的區別
- Eureka與Zookeeper的區別