Proprietà offsetParent

La proprietà offsetParent contiene il genitore più vicino rispetto al quale avviene il posizionamento dell'elemento. Sarà o il genitore più vicino, la cui proprietà CSS position non è uguale a static, oppure il tag body, se non esiste un genitore con tale posizionamento.

Sintassi

elemento.offsetParent;

Esempio

Troviamo l'elemento genitore con la proprietà position diversa da static:

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

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

Risultato dell'esecuzione del codice:

'parent2'

Esempio

Se gli elementi genitori non hanno posizionamento, allora offsetParent contiene body:

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

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

Risultato dell'esecuzione del codice:

'BODY'

Vedi anche

proprietà offsetParent,
che contiene il genitore con il posizionamento
proprietà offsetTop,
che contiene l'offset dell'elemento dall'alto
proprietà offsetLeft,
che contiene l'offset dell'elemento da sinistra
metodo getBoundingClientRect,
che trova l'offset dell'elemento