1. Mude parcialmente o estilo
Existem três métodos: alterar o estilo diretamente, alterar className e alterar cssText
Altere o nome da classe: document.getElementById('obj').className="…"
Altere cssText: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
Altere o estilo direto: document.getElementById('obj').style.backgroundColor="#003366″
2. Mude globalmente o estilo
A troca em tempo real de estilos de página da web é obtida alterando o valor href do estilo do link externo, ou seja, "alterando o estilo do modelo".
Primeiro, você precisa fornecer um ID ao alvo que precisa ser alterado, como
Copie o código do código da seguinte forma:
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
É muito simples ligar, como
Copie o código do código da seguinte forma:
<span onclick="javascript:document.getElementById('css').href='ie.css'">Clique em mim para alterar o estilo</span>