offsetParent ගුණය

offsetParent ගුණයට මූලද්‍රව්‍යය ස්ථානගත කරන ආසන්නතම මාපියයා අඩංගු වේ. මෙය එක්කෝ position CSS ගුණය static ට සමාන නොවන ආසන්නතම මාපියයා, හෝ එවැනි ස්ථානගත කිරීමක් සහිත මාපියෙකු නොමැති විට body ටැගය වේ.

වාග් රීතිය

javascriptමූලද්‍රව්‍යය.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'

මෙයද බලන්න