1.offsetTop :
當前對像到 其上級層頂部的距離.
不能對其進行賦值.設置對像到 頁面頂部的距離請用style.top屬性.
不能對其進行賦值.設置對像到 頁面頂部的距離請用style.top屬性.
2.offsetLeft :
當前對像到 其上級層左邊的距離.
不能對其進行賦值.設置對像到 頁面左部的距離請用style.left屬性.
當前對像到 其上級層左邊的距離.
不能對其進行賦值.設置對像到 頁面左部的距離請用style.left屬性.
3.offsetWidth :
當前對象的寬度.
與style.width屬性的區別在於:如對象的寬度設定值為百分比寬度,則無論頁面變大還是變小,style.width都返回此百分比,而offsetWidth則返回在不同頁面中對象的寬度值而不是百分比值
當前對象的寬度.
與style.width屬性的區別在於:如對象的寬度設定值為百分比寬度,則無論頁面變大還是變小,style.width都返回此百分比,而offsetWidth則返回在不同頁面中對象的寬度值而不是百分比值
4.offsetHeight :
與style.height屬性的區別在於:如對象的寬度設定值為百分比高度,則無論頁面變大還是變小,style.height都返回此百分比,而offsetHeight則 返回在不同頁面中對象的高度值而不是百分比值
與style.height屬性的區別在於:如對象的寬度設定值為百分比高度,則無論頁面變大還是變小,style.height都返回此百分比,而offsetHeight則 返回在不同頁面中對象的高度值而不是百分比值
5.offsetParent :
當前對象的上級層對象.
注意.如果對像是包括在一個DIV中時,此DIV不會被當做是此對象的上級層,(即對象的上級層會跳過DIV對象)上級層是Table時則不會有問題.
利用這個屬性,可以得到當前對像在不同大小的頁面中的絕對位置.
當前對象的上級層對象.
注意.如果對像是包括在一個DIV中時,此DIV不會被當做是此對象的上級層,(即對象的上級層會跳過DIV對象)上級層是Table時則不會有問題.
利用這個屬性,可以得到當前對像在不同大小的頁面中的絕對位置.
得到絕對位置腳本代碼 1 function GetPosition(obj) 2 { 3 var left = 0 ; 4 var top = 0 ; 5 6 while (obj != document.body) 7 { 8 left = obj.offsetLeft; 9 top = obj. offsetTop; 10 11 obj = obj.offsetParent; 12 } 13 14 alert( " Left Is : " + left + " \r\n " + " Top Is :
6.scrollLeft :
對象的最左邊到對像在當前窗口顯示的範圍內的左邊的距離.
即是在出現了橫向滾動條的情況下,滾動條拉動的距離.
對象的最左邊到對像在當前窗口顯示的範圍內的左邊的距離.
即是在出現了橫向滾動條的情況下,滾動條拉動的距離.
7.scrollTop 對象的最頂部到對像在當前窗口顯示的範圍內的頂邊的距離.即是在出現了縱向滾動條的情況下,滾動條拉動的距離.