Proprietatea offsetParent

Proprietatea offsetParent conține cel mai apropiat părinte, relativ la care are loc poziționarea elementului. Acesta va fi fie cel mai apropiat părinte, care are proprietatea CSS position diferită de static, fie tag-ul body, dacă nu există un părinte cu astfel de poziționare.

Sintaxă

javascriptelement.offsetParent;

Exemplu

Să găsim elementul părinte cu proprietatea position, diferită de static:

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

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

Rezultatul executării codului:

javascript'parent2'

Exemplu

Dacă elementele părinte nu au poziționare, atunci offsetParent conține body:

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

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

Rezultatul executării codului:

javascript'BODY'

Vedeți și