Свойство offsetLeft HTML DOM

Объект элемента HTML DOM

offsetLeftЧтение только свойств для получения расстояния от левого внешнего края до левого внутреннего края offsetParent (в пикселях).

Возвращаемое значение включает:

• Левое положение и отступы элемента

• Левая отступ, полоса прокрутки и рамка

Примечание:ЭтотoffsetParentЭлементы являются ближайшими родительскими элементами за исключением статических.

Чтобы вернуть верхнее положение элемента, используйтеoffsetTopСвойства.

Грамматика:

element.offsetLeft

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

Совместимость браузеров

Все браузеры полностью поддерживают свойство offsetLeft:

Технические детали

Более примеров

Вернуть положение DIV элемента:

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

Соответствующие参考资料

Референс HTML DOM:Свойство offsetHeight

Референс HTML DOM:Свойство offsetWidth

Референс HTML DOM:Свойство offsetTop

Референс HTML DOM:Свойство offsetParent

Объект элемента HTML DOM