cambiar clase de un div

[werkham]

Wenas me gustaria saber como cambiar con javascript la clase de una capa. Yo puse lo sihuiente pero no funciona:

Código:

document.getElementById('contenedor').class='clase';

Por favor si alguien sabe como hacerlo que me ayude. Gracias

[axiertxo]

hombre con .class solo puedes cambiar las propiedades por ejemplo:

document.nombredelobjeto.class.visibility="hidden" ; //ponerla invisible

document.nombredelobjeto.class.display="none"; // quitar disposión


Puedes aplicarle los estilos de esta manera sin tener que cambiarle el nombre d ela clase

[werkham]

mmm no me funciona... pongo lo siguiente:

Código:

document.getElementById('contenedor').class.border='1px';

cual es el fallo?

[tralara]

Hombre si quieres cambiar la clase puedes hacer:

function cambia_clase(id_del_objeto,nueva_clase){
var objeto = getElementById(id_del_objeto);
objeto.className = nueva_clase;
}

Luego tienes una serie de clases:

.pequeño { font-size: 8px; }

.grande { font-size: 12px }

Y luego lo cambias asi:

<div class="pequeño" id = "contenedor" onclick="javascript:cambia_clase(this.id,grande);" ></div>

No lo he probado, pero esto debería funcionar, no?

SAludos

[tralara]

no uses class.border, usa mejor style.border:

document.getElementById('contenedor').style.border = '1px';

SAludos

[werkham]

funciona lo de la funcion! gracias genios! ;)

[axiertxo]

Iniciado por tralara

no uses class.border, usa mejor style.border:

Tiene razon, puse class sin querer(s eme fue la olla), donde pone class pon style

document.nombreobjeto.style.border="1px solid #000"

por ejemplo

[tralara]

Yo no vivo en ninguna lámpara

[werkham]

xDDDD tb proble a poner style pero nada algo abre puesto mal. Pero weno lo de la funcion de cambiar clase funciona q era lo q necesitaba ;)

[9.jorge]

Par cambiar la clase, puedes usar esto:

document.getElementById("divDatos").className = "nombreDeClase";

Saludos!!!

[tralara]

Así funciona con todos los navegadores?

Si es así, lo bueno si breve dos veces bueno!

Saludos