This method returns element's closest positioned ancestor. If none is found, the body element is returned.
Syntax:
element.getOffsetParent();
Return Value:
It returns an HTML element.
Example:
<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript"
src="/javascript/prototype.js">
</script>
<script>
function showResult(){
var node = $('father').getOffsetParent();
alert("Offset Parent is : "
+ node.nodeName + ':' + node.innerHTML );
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<div id="grandfather">This is grand father
<div id="father"> This is father.
<div id="kid">This is kid</div>
</div>
</div>
<br />
<input type="button" value="showResult"
onclick="showResult();"/>
</body>
</html>