تصف هذه المقالة كيف تحصل JS على ارتفاع DIV غير معروف. شاركه للرجوع إليه ، على النحو التالي:
يمكن الحصول على ارتفاع العنصر من خلال سمة العميل للعنصر ، مثل:
var height = element.clientheight ؛
قيود هذه الممارسة:
1. إذا تم ضبط سمة العرض للعنصر على لا شيء ، فإن النتيجة هي 0
2. في متصفح Safari ، تحتاج إلى استخدام: element.offsetheight للحصول على الارتفاع الفعلي ، وهو خطأ في متصفح Safari.
فيما يلي الطريقة التي يوفرها النموذج الأولي ، والتي تتوافق مع المتصفحات المختلفة ، ويمكنها أيضًا الحصول على أحجام عناصر بشكل صحيح عند إخفاء العناصر ، للرجوع إليها:
getDimensions: function (element) {element = $ (element) ؛ var display = $ (element) .getStyle ('Display') ؛ if (display! = 'none' && display! = null) // safari bug return {width: element.offsetWidth ، height: element.offsetheight} ؛ // جميع خصائص العرض و *الارتفاع تعطي 0 على عناصر مع عرض لا شيء ، // تمكين العنصر مؤقتًا var els = element.style ؛ var OriginalVisibility = els.vibility ؛ var OriginalPosition = Els.position ؛ var OriginalDisplay = els.display ؛ els.vibility = 'Hidden' ؛ els.position = 'aboort' ؛ els.display = 'block' ؛ var OriginalWidth = element.clientwidth ؛ var originalheight = element.clientheight ؛ els.display = OriginalDisplay ؛ Els.position = OriginalPosition ؛ Els.vibility = OriginalVisibility ؛ إرجاع {العرض: OriginalWidth ، الارتفاع: OriginalHeight} ؛}لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.