مثال على الجمعية التاريخية لـ JavaScript مثال على الجمعية العنصرية لـ HTML DOM

خصائص offsetLeft HTML DOM

offsetLeftمروحة فقط للحصول على المسافة بين الجانب الخارجي الأيسر للعنصر إلى الجانب الداخلي الأيسر لـ offsetParent (بأحرف البكسل).

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

الموقع الجانبي والعناصر
ملئ الجانب الأيسر لـ offsetParent، الشريط الجانبي والهوامش

ملاحظة:هذاoffsetParentالعناصر هي الأب الأقرب غير الثابت.

للإرجاع موقع العنصر العلوي، استخدمoffsetTopخصائص.

النحو:

element.offsetLeft

مثال

var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetLeft;

اختبار لرؤية‹/›

مرونة المتصفحات

دعم جميع المتصفحات لخصائص offsetLeft بشكل كامل:

خصائص
offsetLeft	نعم	نعم	نعم	نعم	نعم

تفاصيل تقنية

القيمة المعدة:	عدد، يمثل موقع الجانب الأيسر للعنصر، بالبكسل
إصدار DOM:	نموذج CSS (CSSOM)

مزيد من الأمثلة

العودة إلى موقع العنصر DIV

مثال

var myBox = document.getElementById("box");
var x = document.getElementById("result");
x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;

اختبار لرؤية‹/›

مراجع ذات صلة

مرجع HTML DOMخصائص offsetHeight

مرجع HTML DOMخصائص offsetWidth

مرجع HTML DOMخصائص offsetTop

مرجع HTML DOMخصائص offsetParent

مثال على الجمعية العنصرية لـ HTML DOM