offsetParent ගුණය
offsetParent ගුණයට මූලද්රව්යය ස්ථානගත කරන ආසන්නතම
මාපියයා අඩංගු වේ. මෙය එක්කෝ
position CSS ගුණය
static ට සමාන නොවන ආසන්නතම මාපියයා, හෝ එවැනි ස්ථානගත කිරීමක් සහිත
මාපියෙකු නොමැති විට body ටැගය වේ.
වාග් රීතිය
මූලද්රව්යය.offsetParent;
උදාහරණය
position ගුණය static හැර වෙනත් අගයක් සහිත මාපිය මූලද්රව්යය
සොයා ගනිමු:
<div id="parent3">
<div id="parent2" style="position: relative">
<div id="parent1">
<p id="elem">text</p>
</div>
</div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetParent.id);
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
'parent2'
උදාහරණය
මාපිය මූලද්ව්යවලට ස්ථානගත කිරීමක් නොමැති නම්,
offsetParent ටැගය body අඩංගු වේ:
<div>
<p id="elem">text</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetParent.tagName);
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
'BODY'
මෙයද බලන්න
-
offsetParentගුණය,
ස්ථානගත කිරීම සහිත මාපියයා අඩංගු වේ -
offsetTopගුණය,
මූලද්රව්යයේ ඉහළින් සිට මිළ අඩංගු වේ -
offsetLeftගුණය,
මූලද්රව්යයේ වම්පසින් සිට මිළ අඩංගු වේ -
getBoundingClientRectක්රමය,
මූලද්රව්යයේ මිළ සොයා ගනී
