1. تغيير النمط جزئيًا
هناك ثلاث طرق: تغيير النمط مباشرة، وتغيير اسم الفئة، وتغيير cssText
تغيير اسم الفئة: document.getElementById('obj').className = "..."
تغيير cssText: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
تغيير النمط المباشر: document.getElementById('obj').style.backgroundColor="#003366″
2. تغيير النمط عالميًا
يتم تحقيق التبديل في الوقت الفعلي لأنماط صفحات الويب عن طريق تغيير قيمة href لنمط الارتباط الخارجي، أي "تغيير نمط القالب".
أولاً، عليك إعطاء معرف للهدف الذي يحتاج إلى تغيير، مثل
انسخ رمز الكود كما يلي:
<link rel = "stylesheet" type = "text/css" id = "css" href = "firefox.css" />
من السهل جدًا الاتصال، مثل
انسخ رمز الكود كما يلي:
<span onclick="javascript:document.getElementById('css').href='ie.css'">انقر فوقي لتغيير النمط</span>