offsetParent häsiýeti

offsetParent häsiýeti element ýerleşýän ýere görä iň ýakyn ata elementi öz içine alýar. Bu ýa-da CSS häsiýeti position static deň däl bolan iň ýakyn ata element, ýa-da eýle ýerleşdirilişe eýe ata element ýok bolsa, body tegi bolar.

Sintaksis

javascriptelement.offsetParent;

Mysal

Geliň, position häsiýeti static-den tapawutly bolan ata elementi tapalyň:

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

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

Kodyň ýerine ýetiriliş netijesi:

javascript'parent2'

Mysal

Eger ata elementleriň ýerleşdirilişi ýok bolsa, onda offsetParent içinde body bolýar:

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

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

Kodyň ýerine ýetiriliş netijesi:

javascript'BODY'

Şeýle-de garaň