Element.offsetParent

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>

İlgili Başlıklar