JavaScript - Cambiar estilo

   
Vista:

Cambiar estilo

Publicado por Guillermo (7 intervenciones) el 30/09/2008 15:53:06
Hola, quisiera saber si alguien sabe como se hace para cambiar la hoja de estilo de una pagina con javascript,

Saludos
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Cambiar estilo

Publicado por ScriptShow (387 intervenciones) el 01/10/2008 16:41:56
  • ScriptShow se encuentra ahora conectado en el
  • chat de PHP
Saludos Guillermo,

precísamente hoy andaba con un Script:

<style type="text/css">
.aspecto1 {
background-color: #E4E4E4;
border: 1px solid #CCCCCC;
padding: 10px 5px 6px 5px;
color: #888888;
font-family: Verdana, Arial;
font-size: 12px;
}
.aspecto2{
background-color: #F1D59E;
border: 5px solid #F2BE84;
color: #888888;
font-family: Arial, Verdana;
font-size: 12px;
width:200px;
padding:10px;
}
</style>

<script language = "javascript">
function CambiarEstilo(id) {
var elemento = document.getElementById(id);
if (elemento.className == "aspecto1") {
elemento.className = "aspecto2";
}
else {
elemento.className = "aspecto1";
}
}
</script>

<p><a href="javascript:CambiarEstilo('EjCambioEstilo')">Cambiar</a></p>
<div id="EjCambioEstilo" class="aspecto1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus mollis. Etiam aliquet. Ut ultrices justo ut arcu. Proin a purus. Fusce pharetra ultrices nibh. Nam erat lectus, dapibus id, congue vel, cursus a, tellus. Sed turpis ante, condimentum at, accumsan eget, pulvinar vitae, nibh. </p>
</div>

Espero te sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar