1. كيفية كتابة سمات CSS باستخدام JS
1. لسمات CSS بدون علامة ، يمكنك عادة استخدام النمط. اسم السمة مباشرة.
مثل: obj.style.margin ، obj.style.width ، obj.style.left ، obj.style.position
2. بالنسبة إلى سمة CSS التي تحتوي على العلامة الوسطى ، قم بإزالة كل علامة متوسط وتغيير الحرف الأول بعد كل علامة متوسط للاستفادة.
مثل: obj.style.margintop ، obj.style.borderleftwidth ، obj.style.zindex ، obj.style.fontfamily ، إلخ.
3. طريقة الكتابة الخاصة لعملية JS CSS Float سمة
نظرًا لأن Float عبارة عن كلمة محجوزة لـ JavaScript ، لا يمكننا استخدام OBJ.Style.float مباشرة ، وبالتالي فإن العملية غير صالحة. الطريقة الصحيحة لاستخدامها هي: أي: obj.style.stylefloat ، متصفحات أخرى Mozilla (Gecko) ، FF ، إلخ.
2. استخدم JS للحصول على قيمة سمة CSS
1. احصل على نمط الخط: OBJ.Style. اسم السمة. <div id = "css88"> يحصل JS على قيمة سمة CSS </div> لا يمكن الوصول إلى فئة CSS </div>.
2. احصل على سمات CSS داخل وخارج الارتباط: IE يستخدم طريقة OBJ.CurrentStyle ["اسم السمة"] ، وتستخدم FF طريقة getComputedStyle
3. استخدم JS لتعيين القيم لسمات CSS
1. تعيين سمات الفئة
المهمة: document.getElementById ('ceil'). className = "class1" ؛
إذا كان له قيم متعددة: document.getElementById ('ceil'). className = "class1 class2 class3" ؛
2. obj.style.csstext يعين نمط CSS لكائن
document.getElementById ('navition'). style.csstext = "رمز css الخاص بك" ؛
لخص
إن معرفة كيفية تعديل الأنماط المطبقة على الصفحة مفيدة للغاية لإنشاء صفحات ويب أنيقة وتفاعلية - تشكل المعرفة الموضحة في هذه المقالة أساسًا للتقنيات المتقدمة مثل JavaScript Animation. تجدر الإشارة إلى أنه يجب عليك استخدام تعديل النمط الديناميكي بمسؤولية وليس الإفراط في استخدامه. كما ذكرنا سابقًا ، يمكن أن يحسن تعديل الأناقة كفاءة الويب - يمكن أن يساعد عرض المحتوى والإخفاء في تجنب تفاعلات البيانات غير الضرورية بين العملاء والخوادم.