Retrieves a reference to the container object that defines the offsetTop and offsetLeft properties of the object.
Syntax
| JavaScript | |
|---|
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;
console.log("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>
See also
- a
- abbr
- address
- area
- article
- aside
- b
- bdo
- blockQuote
- body
- br
- button
- caption
- cite
- code
- col
- colGroup
- custom
- dd
- del
- div
- dl
- dt
- em
- embed
- fieldSet
- figcaption
- figure
- footer
- form
- head
- header
- hgroup
- hn
- hr
- html
- i
- iframe
- img
- input type=button
- input type=checkbox
- input type=file
- input type=hidden
- input type=image
- input type=password
- input type=radio
- input type=reset
- input type=submit
- input type=text
- ins
- kbd
- label
- legend
- li
- map
- mark
- nav
- object
- ol
- optGroup
- option
- p
- pre
- q
- rt
- ruby
- s
- samp
- section
- select
- small
- span
- strong
- sub
- sup
- table
- tBody
- td
- textArea
- tFoot
- th
- tHead
- tr
- u
- ul
- var
- Measuring Element Dimension and Location with CSSOM in Internet Explorer 9
Build date: 11/28/2012
