offsetParent Özelliği

offsetParent özelliği, öğenin konumlandırılmasının gerçekleştiği en yakın üst öğeyi içerir. Bu, CSS position özelliği static olmayan en yakın üst öğe veya böyle bir konumlandırmaya sahip bir üst öğe yoksa body etiketi olacaktır.

Sözdizimi

javascriptöğe.offsetParent;

Örnek

position özelliği static'den farklı olan üst öğeyi bulalım:

html<div id="parent3">
  <div id="parent2" style="position: relative">
    <div id="parent1">
      <p id="elem">metin</p>
    </div>
  </div>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetParent.id);

Kodun çalıştırılmasının sonucu:

javascript'parent2'

Örnek

Üst öğelerin konumlandırması yoksa, offsetParent body'yi içerir:

html<div>
  <p id="elem">metin</p>
</div>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetParent.tagName);

Kodun çalıştırılmasının sonucu:

javascript'BODY'

Ayrıca Bakınız