Omadus offsetParent

Omadus offsetParent sisaldab lähimat vanemat, mille suhtes toimub elemendi positsioneerimine. See on kas lähim vanem, mille CSS omadus position ei ole võrdne static, või silt body, kui sellist positsioneerimisega vanemat pole.

Süntaks

javascriptelement.offsetParent;

Näide

Leiame vanemaelemendi omadusega position, mis erineb static-st:

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);

Koodi täitmise tulemus:

javascript'parent2'

Näide

Kui vanemaelementidel pole positsioneerimist, siis offsetParent sisaldab body-d:

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

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

Koodi täitmise tulemus:

javascript'BODY'

Vaata ka