ویژگی offsetLeft HTML DOM Element
- صفحه قبلی offsetWidth
- صفحه بعدی offsetParent
- برگشت به لایه بالاتر عنصر Elements DOM HTML
تعریف و استفاده
offsetLeft این ویژگی مقدار چپ عنصر را در مقایسه با پدر (به واحد پیکسل) بازمی‌گرداند. این ویژگی فقط خواندنی است.
مقدار بازگشتی شامل:
- محل چپ عنصر و حاشیه‌ها
- م边际 چپ پدر، نوار прокسی و حاشیه‌ها
لطفاً به: مراجعه کنیدآموزش مدل فریم CSS
offsetParent
تمام عناصر بلوکی مقدار جابجایی را در مقایسه با پدر جابجایی گزارش می‌دهند:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
پدر جابجایی به نزدیک‌ترین اجداد با موقعیت غیراستاتیک اشاره دارد.
اگر پدر جابجایی وجود ندارد، مقدار جابجایی در مقایسه با متن اصلی مستند است.
لطفاً به: مراجعه کنید
مثال
مثال 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 |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی offsetWidth
- صفحه بعدی offsetParent
- برگشت به لایه بالاتر عنصر Elements DOM HTML
