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

elemento.offsetParent;

Ejemplo

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

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

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

Resultado de la ejecución del código:

'parent2'

Ejemplo

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

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

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

Resultado de la ejecución del código:

'BODY'

Véase también

propiedad offsetParent,
que contiene al padre con posicionamiento
propiedad offsetTop,
que contiene el desplazamiento superior del elemento
propiedad offsetLeft,
que contiene el desplazamiento izquierdo del elemento
método getBoundingClientRect,
que encuentra el desplazamiento del elemento