Cambiar la clase de un elemento con JavaScript

Rescatando del año 2006 un script que tiene ahora mucha vigencia. Aquí lo tenéis:

<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”>
<!– Copyleft 2006 – 2009, ScriptShow – scriptshow@hotmail.com –>
<!– Feel free to use if you leave this header intact! –>
<!–
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 sea útil.

Un Saludo.

Cambiar la clase de un elemento con JavaScript

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s