offsetLeft property (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

8 out of 14 rated this helpful - Rate this topic

Retrieves the calculated left position of the object relative to the layout or coordinate parent, as specified by the offsetParent property.

Syntax

JavaScript	`p = object.offsetLeft`

Property values

Type: Integer

the left position, in pixels.

Remarks

You can determine the location, width, and height of an object by using a combination of the offsetLeft, offsetTop, offsetHeight, and offsetWidth properties. These numeric properties specify the physical coordinates and dimensions of the object relative to the object's offset parent.

For more information about how to access the dimension and location of objects on the page through the Dynamic HTML (DHTML) Document Object Model (DOM), see Measuring Element Dimension and Location with CSSOM in Internet Explorer 9.

Examples

This example uses the offsetLeft property to determine whether an object is in the user's view.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/offsetLeft.htm


<script type="text/javascript">
function isinView(element) {
    var oparent = element.offsetParent; 
    var osleft = oID_1.offsetLeft;
    var cleft = oparent.clientWidth;
    if (osleft > cleft) {
        alert("Expand the window to see the paragraph!");
    }
}
</script>
...
<button onclick="isinView(this)">Click here</button>
...
<div id="oID_1" style="position: absolute; top:200px; left:1200px;">
...
</div>

offsetLeft property

Syntax

Property values

Remarks

Examples

See also

Community Additions