innerHTML在JS是雙向功能：獲取對象的內容 或 向對象插入內容
offsetWidth
對象的可見寬度，包滾動條等邊線，會隨窗口的顯示大小改變
offsetWidth = width + padding + border
style.width也是當前對象的寬度(width+padding+border)。
1)style.width返回值除了數(shù)字外還帶有單位px；
2)如對象的寬度設定值為百分比寬度,則無論頁面變大還是變小，style.width都返回此百分比,而offsetWidth則返回在不同頁面中對象的寬度值而不是百分比值；
3)如果沒有給 HTML 元素指定過 width樣式，則 style.width 返回的是空字符串；
clientWidth 是對象可見的寬度，不包滾動條等邊線，會隨窗口的顯示大小改變。 offsetWidth 是對象的可見寬度，包滾動條等邊線，會隨窗口的顯示大小改變。
offsetHeight
Height+padding+border
當前對象的高度。
style.height也是當前對象的高度(height+padding+border)
1)style.height返回值除了數(shù)字外還帶有單位px；
2)如對象的高度設定值為百分比高度,則無論頁面變高還是變矮 style.height都返回此百分比,而offsetHeight則返回在不同頁面中對象的高度值而不是百分比值；
3)如果沒有給 HTML 元素指定過 height樣式，則 style.height返回的是空字符串；
offsetLeft
當前對象到其上級層左邊的距離。
不能對其進行賦值.設置對象到其上級層左邊的距離請用style.left屬性。
style.left當前對象到其上級層左邊的距離。
1)style.left返回值除了數(shù)字外還帶有單位px；
2)如對象到其上級層左邊的距離設定值為百分比，style.left返回此百分比,而offsetLeft則返回到其上級層左邊的距離的值；
3)如果沒有給 HTML 元素指定過 left樣式，則 style.left返回的是空字符串；
offsetTop
當前對象到其上級層頂部邊的距離。
不能對其進行賦值.設置對象到上級層頂部邊的距離請用style.top屬性。
style.top當前對象到其上級層頂部邊的距離。
1)style.top返回值除了數(shù)字外還帶有單位px；
2)如對象到其上級層頂部邊的距離設定值為百分比，style.top返回此百分比,而offsetTop則返回到其上級頂部邊的距離的值；
3)如果沒有給 HTML 元素指定過 top樣式，則 style.top返回的是空字符串；
