الحالة الأولى هي أن العرض والارتفاع مكتوب في ورقة الأنماط ، مثل #div1 {width: 120px ؛}. في هذه الحالة ، لا يمكن الحصول على العرض من خلال #div1.style.width ، ولكن يمكن الحصول على العرض من خلال #div1.OffsetWidth.
الحالة الثانية هي أن العرض والارتفاع مكتوب في السطر ، مثل Style = "العرض: 120 بكسل ؛" ، وفي هذه الحالة ، يمكن الحصول على العرض من خلال الطريقتين أعلاه.
ملخص ، لأن ID.OffSetWidth و ID.OffSetheight يتجاهل النمط المكتوب في ورقة الأنماط أو في السطر ، من الأفضل استخدام هاتين السمة عندما نحصل على عرض العنصر والارتفاع. لاحظ أنه إذا كان لا يمكن الحصول على السمات المكتوبة في نمط الخط من خلال id.style.atrr.
في الوقت الحاضر ، نادراً ما يكتب الإنتاج الأمامي أنماطًا مباشرةً بأناقة ، لكنهم جميعًا مكتوبون بأوراق نمط. إذا كان النمط الذي تريد الحصول عليه لا يتوافق مع (فقط #div1.style.width يتوافق مع #div1.offsetwidth) ، فيمكنك فقط الحصول على سمات ورقة الأنماط دون استخدام متصفح. يمكنك محاولة البحث عن "js get style properties".
شفرة:
var o = document.getElementById ("view") ؛ var h = o.offsetheight ؛ // الارتفاع var w = o.offsetWidth ؛ //عرضالطريقة أعلاه للحصول على العرض الفعلي وارتفاع عنصر HTML في JS هي كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.