1. Cambiar parcialmente el estilo
Hay tres métodos: cambiar el estilo directamente, cambiar el nombre de clase y cambiar cssText
Cambiar nombre de clase: document.getElementById('obj').className="…"
Cambiar cssText: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
Cambie el estilo directo: document.getElementById('obj').style.backgroundColor="#003366″
2. Cambiar globalmente el estilo
El cambio de estilos de página web en tiempo real se logra cambiando el valor href del estilo del enlace externo, es decir, "cambiando el estilo de la plantilla".
Primero, debe proporcionar una identificación al objetivo que debe cambiarse, como
Copie el código de código de la siguiente manera:
<enlace rel="hoja de estilo" tipo="texto/css" id="css" href="firefox.css" />
Es muy sencillo de llamar, como por ejemplo
Copie el código de código de la siguiente manera:
<span onclick="javascript:document.getElementById('css').href='ie.css'">Haz clic en mí para cambiar el estilo</span>