Aplicar varios estilos CSS a una página
Si queremos darle la posibilidad al usuario de cambiar el estilo de nuestra página web podemos hacerlo facilmente usando JavaScript.
JavaScript permite cambiar las propiedades de un objeto usando la sintaxis:
Si a la etiqueta <LINK> le asignamos un identificador podremos modificar el valor de la propiedad href con javascript:
<link href=”estilo1.css” rel=”stylesheet” type=”text/css” id=”estilo”>
La siguiente función recibe como argumento de entrada el nombre de la hoja de estilos que se aplicará a la página.
function Cambio_Estilo(fichero)
{
document.getElementById(’estilo’).href=fichero;
}
Para llamar a la función podemos usar un botón, un cuadro combinado o cualquier otro objeto web y asociarselo a cualquier evento:
<input type=”button” value=”Estilo 2″ onClick=”Cambio_Estilo(’estilo2.css’);”>