Propriedade offsetParent

A propriedade offsetParent contém o pai mais próximo em relação ao qual o posicionamento do elemento ocorre. Este será o pai mais próximo cuja propriedade CSS position não é static, ou a tag body, se não houver um pai com tal posicionamento.

Sintaxe

elemento.offsetParent;

Exemplo

Vamos encontrar o elemento pai com a propriedade position diferente de 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 da execução do código:

'parent2'

Exemplo

Se os elementos pais não tiverem posicionamento, então offsetParent contém body:

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

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

Resultado da execução do código:

'BODY'

Veja também

propriedade offsetParent,
que contém o pai com posicionamento
propriedade offsetTop,
que contém o deslocamento do elemento a partir do topo
propriedade offsetLeft,
que contém o deslocamento do elemento a partir da esquerda
método getBoundingClientRect,
que encontra o deslocamento do elemento