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');

මෙයද බලන්න