1. เปลี่ยนสไตล์บางส่วน
มีสามวิธี: การเปลี่ยนสไตล์โดยตรง การเปลี่ยน className และการเปลี่ยน cssText
เปลี่ยน className: document.getElementById('obj').className="…"
เปลี่ยน cssText: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
เปลี่ยนสไตล์โดยตรง: document.getElementById('obj').style.พื้นหลังColor="#003366″
2. เปลี่ยนสไตล์ไปทั่วโลก
การสลับสไตล์หน้าเว็บแบบเรียลไทม์ทำได้โดยการเปลี่ยนค่า href ของสไตล์ลิงก์ภายนอก ซึ่งก็คือ "การเปลี่ยนสไตล์เทมเพลต"
ขั้นแรก คุณต้องระบุรหัสให้กับเป้าหมายที่ต้องการเปลี่ยนแปลง เช่น
คัดลอกรหัสรหัสดังต่อไปนี้:
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
มันง่ายมากที่จะโทรเช่น
คัดลอกรหัสรหัสดังต่อไปนี้:
<span onclick="javascript:document.getElementById('css').href='ie.css'">คลิกฉันเพื่อเปลี่ยนสไตล์</span>