คุณสมบัติ 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