offsetParent विधि

offsetParent विधि तत्व के निकटतम पोजिशन किए गए पूर्वज को प्राप्त करने की अनुमति देती है। 'पोजिशन किए गए' अवधारणा के तहत CSS गुण position वाला तत्व शामिल है, जो relative, absolute, या fixed मान पर सेट है। यह विधि एनीमेशन और पृष्ठ पर तत्वों को रखने में उपयोगी है।

वाक्य - विन्यास

निकटतम पोजिशन किए गए पूर्वज को प्राप्त करें:

javascript$(selector).offsetParent();

उदाहरण

आइए #test वाले पैराग्राफ के निकटतम पोजिशन किए गए (हमारे मामले में रिलेटिव) पूर्वज को ढूंढें और उसकी पृष्ठभूमि को हरे रंग में रंग दें:

html<div>
  <p>aaa</p>
  <div style="position: relative;">
    <p>bbb</p>
    <p>bbb</p>
    <p>bbb</p>
    <div>
      <p id="test">ccc</p>
      <div>
        <p>ddd</p>
        <p>ddd</p>
        <p>ddd</p>
      </div>
      <p>ccc</p>
      <p>ccc</p>
    </div>
  </div>
  <p>aaa</p>
  <p>aaa</p>
</div>

javascript$('#test').offsetParent().css('background-color', 'green');

यह भी देखें