1. Ubah sebagian gaya
Ada tiga metode: mengubah gaya secara langsung, mengubah className, dan mengubah cssText
Ubah className: document.getElementById('obj').className="..."
Ubah cssText: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
Ubah gaya langsung: document.getElementById('obj').style.backgroundColor="#003366″
2. Ubah gaya secara global
Peralihan gaya halaman web secara real-time dicapai dengan mengubah nilai href gaya tautan eksternal, yaitu, "mengubah gaya templat".
Pertama, Anda perlu memberikan id pada target yang perlu diubah, seperti
Copy kode kodenya sebagai berikut:
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
Sangat mudah untuk menelepon, seperti
Copy kode kodenya sebagai berikut:
<span onclick="javascript:document.getElementById('css').href='ie.css'">Klik saya untuk mengubah gaya</span>