This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

offsetParent

Property of dom/HTMLElementdom/HTMLElement

Syntax

var result = element.offsetParent; element.offsetParent = value;

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 LANGUAGE="JScript"> 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 BORDER=1 ALIGN=right> <TR> <TD ID=oCell>This is a small table.</TD> </TR> </TABLE> </BODY> </HTML>

[Note For Internet Explorer 4.0, this same example returns a position of 0,0 because the offset parent is the table row. View live example]

Notes

Remarks

Most of the time the offsetParent property returns the body object. Note In Microsoft Internet Explorer 5, the offsetParent property returns the table object for the td object; in Microsoft Internet Explorer 4.0 it returns the tr object. You can use the parentElement property to retrieve the immediate container of the table cell.

Syntax

Attributions