توضح هذه المقالة عنصر DOM 'clientTop' جنبًا إلى جنب مع التنفيذ العملي في HTML.
كيفية استخدام عنصر DOM 'clientTop' في HTML؟
تُعد خاصية 'clientTop' مفيدة للعمل مع تخطيط وتحديد مواضع عناصر HTML أثناء إنشاء صفحات الويب. وهو ما يساعد في المقابل في إنشاء تخطيطات مواقع ويب سريعة الاستجابة وديناميكية
مثال
دعونا نحصل على مثال لفهم أفضل لخاصية 'clientTop'. على سبيل المثال ، يتم تقييم وزن الحد من الموضع العلوي في هذا المثال:
< جسم >
< h3 بطاقة تعريف = 'مثال' > مقالة مقدمة من Linuxhint للحصول على شرح أفضل < / h3 >
< / جسم >
أولاً ، داخل ' <الجسم> 'إنشاء علامة' 'وتقديم بعض البيانات الوهمية لها. أيضًا ، قم بتعيين معرف ' مثال 'معها.
< أسلوب >
#مثال {
حدود : أسود صلب 2 بكسل ؛
الحشو: 10 بكسل ؛
خلفية- لون : رمادي فاتح؛
}
< / أسلوب >
بعد ذلك ، داخل ' <ستايل> 'تحديد' مثال 'معرف وتعيين قيمة' 2 بكسل غابة صلبة 'إلى' حدود ' ملكية. أيضًا ، قم بتطبيق بعض التصميمات الأساسية باستخدام ' حشوة ' و ' لون الخلفية 'لأغراض تصور أفضل.
بعد تنفيذ الكود المذكور أعلاه ، تظهر صفحة الويب على النحو التالي:
يعرض الإخراج عرض عنصري div و h3 على صفحة الويب بتصميم أساسي.
استخدم خاصية 'clientTop'
لاستخدام ال ' العميل 'في عنصر HTML ، أضف سطور التعليمات البرمجية التالية داخل'