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

javascriptelemento.offsetParent;

Esempio

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

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

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

Risultato dell'esecuzione del codice:

javascript'parent2'

Esempio

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

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

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

Risultato dell'esecuzione del codice:

javascript'BODY'

Vedi anche