خصائص offsetLeft لعنصر DOM HTML

التعريف والاستخدام

offsetLeft يستعيد هذا الخصائص الموقع اليسرى بالنسبة للوالد (بالبكسل). هذا الخصائص هو فقط للقراءة.

القيمة المعدلة تشمل:

  • الموقع اليسرى للعنصر والهوامش الخارجية
  • م边际 اليسرى للوالد، والشريط المتدفق والهوامش

يرجى الرجوع إلى:دليل تعليم CSS Frame Model

offsetParent

جميع العناصر الحجومية تقرأ القيم النسبية للزعيم المتحرك:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

الزعيم المتحرك هو الأب الأقرب الذي يحتوي على موقع غير ثابت.

إذا لم يكن هناك родитель متحرك، فإن القيمة هي بالنسبة للنص الرئيسي للوثيقة.

يرجى الرجوع إلى:

خصائص offsetTop

خصائص offsetWidth

خصائص offsetHeight

خصائص offsetParent

خصائص clientTop

خصائص clientLeft

خصائص clientWidth

خصائص clientHeight

مثال

مثال 1

الحصول على موقع offsetLeft لـ "myDIV":

const element = document.getElementById("myDIV");
let pos = element.offsetLeft;

جرب بنفسك

مثال 2

الحصول على موقع "myDIV":

const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;

جرب بنفسك

النصيحة

العودة إلى موقع التحرير:

element.offsetLeft

القيمة المعدلة

النوع الوصف
رقم الموقع اليسرى للعنصر، مقاسه بالبكسل.

دعم المتصفح

جميع المتصفحات يدعمونها element.offsetTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم الدعم