1. Changer partiellement le style
Il existe trois méthodes : changer le style directement, changer className et changer cssText
Changer le nom de classe : document.getElementById('obj').className="…"
Modifiez cssText : document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
Changez le style direct : document.getElementById('obj').style.backgroundColor="#003366″
2. Changer globalement de style
La commutation en temps réel des styles de page Web est obtenue en modifiant la valeur href du style de lien externe, c'est-à-dire en « modifiant le style du modèle ».
Tout d'abord, vous devez donner un identifiant à la cible qui doit être modifiée, telle que
Copiez le code comme suit :
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
Il est très simple d'appeler, par exemple
Copiez le code comme suit :
<span onclick="javascript:document.getElementById('css').href='ie.css'">Cliquez sur moi pour changer le style</span>