innerHTML在JS是雙向功能:獲取對象的內(nèi)容 或 向?qū)ο蟛迦雰?nèi)容
offsetWidth
對象的可見寬度岛杀,包滾動(dòng)條等邊線冤今,會(huì)隨窗口的顯示大小改變
offsetWidth = width + padding + border
style.width也是當(dāng)前對象的寬度(width+padding+border)。
1)style.width返回值除了數(shù)字外還帶有單位px骡湖;
2)如對象的寬度設(shè)定值為百分比寬度,則無論頁面變大還是變小梆暖,style.width都返回此百分比,而offsetWidth則返回在不同頁面中對象的寬度值而不是百分比值妖爷;
3)如果沒有給 HTML 元素指定過 width樣式咐旧,則 style.width 返回的是空字符串驶鹉;
clientWidth 是對象可見的寬度,不包滾動(dòng)條等邊線铣墨,會(huì)隨窗口的顯示大小改變室埋。 offsetWidth 是對象的可見寬度,包滾動(dòng)條等邊線,會(huì)隨窗口的顯示大小改變姚淆。
offsetHeight
Height+padding+border
當(dāng)前對象的高度孕蝉。
style.height也是當(dāng)前對象的高度(height+padding+border)
1)style.height返回值除了數(shù)字外還帶有單位px;
2)如對象的高度設(shè)定值為百分比高度,則無論頁面變高還是變矮 style.height都返回此百分比,而offsetHeight則返回在不同頁面中對象的高度值而不是百分比值肉盹;
3)如果沒有給 HTML 元素指定過 height樣式,則 style.height返回的是空字符串疹尾;
offsetLeft
當(dāng)前對象到其上級層左邊的距離上忍。
不能對其進(jìn)行賦值.設(shè)置對象到其上級層左邊的距離請用style.left屬性。
style.left當(dāng)前對象到其上級層左邊的距離纳本。
1)style.left返回值除了數(shù)字外還帶有單位px窍蓝;
2)如對象到其上級層左邊的距離設(shè)定值為百分比,style.left返回此百分比,而offsetLeft則返回到其上級層左邊的距離的值繁成;
3)如果沒有給 HTML 元素指定過 left樣式吓笙,則 style.left返回的是空字符串;
offsetTop
當(dāng)前對象到其上級層頂部邊的距離巾腕。
不能對其進(jìn)行賦值.設(shè)置對象到上級層頂部邊的距離請用style.top屬性面睛。
style.top當(dāng)前對象到其上級層頂部邊的距離。
1)style.top返回值除了數(shù)字外還帶有單位px尊搬;
2)如對象到其上級層頂部邊的距離設(shè)定值為百分比叁鉴,style.top返回此百分比,而offsetTop則返回到其上級頂部邊的距離的值;
3)如果沒有給 HTML 元素指定過 top樣式佛寿,則 style.top返回的是空字符串幌墓;