offsetLeft ගුණය

offsetLeft ගුණය offsetParent සාපේක්ෂව මූලද්‍රව්‍යයේ වම් විස්ථාපනය අඩංගු කරයි. offsetParent වෙතින් මූලද්‍රව්‍යයේ මායිම දක්වා ඇති දුර අඩංගු වේ.

වාක්‍ය රචනා ක්‍රමය

මූලද්‍රව්‍යය.offsetLeft;

තම ගති ලක්ෂණයට සාපේක්ෂව මූලද්‍රව්‍යයේ විස්ථාපනය සොයා බලමු offsetParent:

<div id="parent" style="position: relative;">
	<div id="elem" style="position: absolute; left: 100px"></div>
</div>

let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

100

margin ඉඩ සංයෝජනයද විස්ථාපනයට එකතු වේ:

<div id="parent" style="position: relative;">
	<div id="elem" style="position: absolute; left: 100px; margin: 50px"></div>
</div>

let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

150