Savybė offsetParent

Savybė offsetParent apima artimiausią pagrindinį elementą, kurio atžvilgiu vyksta elemento pozicionavimas. Tai bus arba artimiausias pagrindinis elementas, kurio CSS savybė position nėra lygi static, arba žymė body, jei nėra pagrindinio elemento su tokiu pozicionavimu.

Sintaksė

javascriptelementas.offsetParent;

Pavyzdys

Suraskime pagrindinį elementą su savybe position, skirtinga nuo static:

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

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

Kodo vykdymo rezultatas:

javascript'parent2'

Pavyzdys

Jei pagrindinių elementų nėra pozicionavimo, tai offsetParent apima body:

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

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

Kodo vykdymo rezultatas:

javascript'BODY'

Žiūrėkite taip pat