HTML DOM offsetLeft 屬性

HTML DOM Element 對象

offsetLeft只讀屬獲取自身左外邊框到offsetParent元素的左內(nèi)邊框的距離(以像素為單位)。

返回的值包括：

• 元素的左側(cè)位置和邊距

• offsetParent元素的左側(cè)填充，滾動條和邊框

注：該offsetParent元素都是靜態(tài)以外的位置最近的父級。

要返回元素的頂部位置，請使用offsetTop屬性。

語法：

element.offsetLeft

var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetLeft;

瀏覽器兼容性

所有瀏覽器完全支持offsetLeft屬性：

屬性
offsetLeft	是	是	是	是	是

技術(shù)細節(jié)

更多實例

返回DIV元素的位置：

var myBox = document.getElementById("box");
var x = document.getElementById("result");
x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;

相關(guān)參考

HTML DOM參考：offsetHeight屬性

HTML DOM參考：offsetWidth屬性

HTML DOM參考：offsetTop屬性

HTML DOM參考：offsetParent屬性

HTML DOM Element 對象