Propiedad offsetParent

La propiedad offsetParent contiene al padre más cercano, relativo al cual se realiza el posicionamiento del elemento. Este será el padre más cercano cuya propiedad CSS position no sea static, o la etiqueta body si no existe un padre con dicho posicionamiento.

Sintaxis

javascriptelemento.offsetParent;

Ejemplo

Encontremos el elemento padre con la propiedad position diferente a static:

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

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

Resultado de la ejecución del código:

javascript'parent2'

Ejemplo

Si los elementos padres no tienen posicionamiento, entonces offsetParent contiene body:

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

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

Resultado de la ejecución del código:

javascript'BODY'

Véase también