1拿穴、width和height
用來(lái)獲取內(nèi)容區(qū)的大小
2、clientWidth和clientHeight
這組屬性可以獲取元素可視區(qū)的大小卦洽，可以得到元素內(nèi)容及內(nèi)邊距所占據(jù)的空間大小贞言。
PS：返回了元素大小斜棚，但沒(méi)有單位阀蒂，默認(rèn)單位是px，如果你強(qiáng)行設(shè)置了單位弟蚀，比如100em
之類蚤霞，它還是會(huì)返回px 的大小。(CSS 獲取的話义钉，是照著你設(shè)置的樣式獲取)昧绣。
PS：對(duì)于元素的實(shí)際大小，clientWidth 和clientHeight 理解方式如下：
1.增加邊框捶闸，無(wú)變化夜畴，為200；
2.增加外邊距删壮，無(wú)變化贪绘，為200；
3.增加滾動(dòng)條央碟，最終值等于原本大小減去滾動(dòng)條的大小税灌，為184；
4.增加內(nèi)邊距亿虽，最終值等于原本大小加上內(nèi)邊距的大小菱涤，為220；
3洛勉、offsetWidth和offsetHeight
這組屬性可以返回元素實(shí)際大小粘秆，包含邊框、內(nèi)邊距和滾動(dòng)條收毫。
PS：返回了元素大小攻走，默認(rèn)單位是px。如果沒(méi)有設(shè)置任何CSS 的寬和高度牛哺，他會(huì)得到
計(jì)算后的寬度和高度陋气。
PS：對(duì)于元素的實(shí)際大小，offsetWidth 和offsetHeight 理解如下：
1.增加邊框引润，最終值會(huì)等于原本大小加上邊框大小巩趁，為220；
2.增加內(nèi)邊距，最終值會(huì)等于原本大小加上內(nèi)邊距大小议慰，為220蠢古；
3.增加外邊據(jù)，無(wú)變化别凹；
4.增加滾動(dòng)條草讶，無(wú)變化，不會(huì)減新啤堕战；
4.scrollWidth 和scrollHeight
這組屬性可以獲取滾動(dòng)內(nèi)容的元素大小。
PS：返回了元素大小拍霜，默認(rèn)單位是px嘱丢。如果沒(méi)有設(shè)置任何CSS 的寬和高度，它會(huì)得到
計(jì)算后的寬度和高度祠饺。
PS：對(duì)于元素的實(shí)際大小越驻，scrollWidth 和scrollHeight 理解如下:
1.增加邊框，不同瀏覽器有不同解釋：
a) Firefox 和Opera 瀏覽器會(huì)增加邊框的大小道偷，220 x 220
b) IE缀旁、Chrome 和Safari 瀏覽器會(huì)忽略邊框大小，200 x 200
c) IE 瀏覽器只顯示它本來(lái)內(nèi)容的高度勺鸦，200 x 18
2.增加內(nèi)邊距并巍，最終值會(huì)等于原本大小加上內(nèi)邊距大小，220 x 220祝旷，IE 為220 x 38
3.增加滾動(dòng)條履澳，最終值會(huì)等于原本大小減去滾動(dòng)條大小，184 x 184怀跛，IE 為184 x 18
4.增加外邊據(jù)距贷，無(wú)變化。
5.增加內(nèi)容溢出吻谋，F(xiàn)irefox忠蝗、Chrome 和IE 獲取實(shí)際內(nèi)容高度，Opera 比前三個(gè)瀏覽
器獲取的高度偏小漓拾，Safari 比前三個(gè)瀏覽器獲取的高度偏大阁最。
