offsetParent özelliği element ağacı içindeki kendisine en yakın ana elementin referansını verir.
Sözdizimi
AnaNesne = element.offsetParent
Dönüş Değeri
| AnaNesne | Elementin içinde bulunduğu/alt elemanı olduğu Ana elementin referansı. |
Aşağıdaki örnek, bir HTML div elementinin 3 kademe üste kadar ana elementlerinin offsetParent özelliği kullanılarak nasıl öğrenileceğini göstermektedir.
<table>
<tr>
<td style="padding:10px;">
<div id="OrnekKutu" style="
background-color:#e0e0e0;
width:100px;
height:100px;"></div>
</td>
</tr>
</table>
<input type="button" value="Göster" onClick="AnaElementGoster()" />
<script type="text/javascript">
function AnaElementGoster()
{
var anaEleman1 = OrnekKutu.offsetParent;
var anaEleman2 = anaEleman1.offsetParent;
var anaEleman3 = anaEleman2.offsetParent;
alert(OrnekKutu.nodeName + " <-- " +
anaEleman1.nodeName + " <-- " +
anaEleman2.nodeName + " <-- " +
anaEleman3.nodeName);
}
</script>