Eigenschaft offsetParent

Die Eigenschaft offsetParent enthält das nächstgelegene Elternelement, relativ zu dem die Positionierung des Elements erfolgt. Dies ist entweder das nächstgelegene Elternelement, bei dem die CSS-Eigenschaft position nicht static entspricht, oder das body-Tag, wenn kein solches positioniertes Elternelement vorhanden ist.

Syntax

javascriptelement.offsetParent;

Beispiel

Lassen Sie uns das Elternelement mit der Eigenschaft position finden, die sich von static unterscheidet:

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

Ergebnis der Codeausführung:

javascript'parent2'

Beispiel

Wenn die Elternelemente keine Positionierung haben, enthält offsetParent den body:

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

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

Ergebnis der Codeausführung:

javascript'BODY'

Siehe auch