offsetParent गुण

offsetParent गुण उस निकटतम पैरेंट को संदर्भित करता है, जिसके सापेक्ष एलिमेंट की पोजिशनिंग होती है। यह या तो वह निकटतम पैरेंट होगा जिसका CSS गुण position static के बराबर नहीं है, या body टैग, अगर ऐसा कोई पोजिशनिंग वाला पैरेंट मौजूद नहीं है।

सिंटैक्स

javascriptelement.offsetParent;

उदाहरण

आइए position गुण वाला पैरेंट एलिमेंट ढूंढते हैं, जो static से अलग है:

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

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

कोड निष्पादित करने का परिणाम:

javascript'parent2'

उदाहरण

यदि पैरेंट एलिमेंट्स में कोई पोजिशनिंग नहीं है, तो offsetParent body को संदर्भित करता है:

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

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

कोड निष्पादित करने का परिणाम:

javascript'BODY'

यह भी देखें