offsetParent 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.

11 out of 20 rated this helpful - Rate this topic

Retrieves a reference to the container object that defines the offsetTop and offsetLeft properties of the object.

Syntax

JavaScript	`p = object.offsetParent`

Property values

Type: Object

the container object.

Remarks

Most of the time the offsetParent property returns the body object.

Examples

This example shows how to determine the position of a td object. Although the td object appears to the far right in the document, its position is close to the x-axis and y-axis, because its offset parent is a table object rather than the document body.


<html>

<head>
<title>Elements: Positions</title>
<script type="text/javascript">

  function showPosition()
  {
    var oElement = document.all.oCell;
    
    alert("The TD element is at (" + oElement.offsetLeft + 
          "," + oElement.offsetTop + ")\n" + "The offset parent is " 
          + oElement.offsetParent.tagName );
  }
  </script>
</head>

<body onload="showPosition()">

<p>This document contains a right-aligned table.
<table align="right" border="1">
	<tr>
		<td id="oCell">This is a small table.</td>
	</tr>
</table>
</p>

</body>

</html>

offsetParent property

Syntax

Property values

Remarks

Examples

See also

Community Additions