Cambiar el estilo mediante javascript

[Vrais]

Estoy intentando cambiar el color de un enlace activo mediante javascript: He estado investigando y por lo visto se haría así:

Código:

 document.all.myCell.bgColor = "red";

Donde myCell sería el ID del elemento al que quiero modificar el color. Haciendo una página "especifica" para probar esto, me ha funcionado sin problemas en todos los navegadores..el problema es que cuando lo implemento para lo que lo necesito, no me funciona. Podría existir algún tipo de interferencia entre el javascript y el estilo de la CSS? Cual tendría propiedad? Un saludo, y gracias de antemano!

[laratik]

y por que no utilizas:

Código Javascript:

document.getElementById("myCell").style.backgroundColor = "red";
 

[IsaBelM]

no se bgColor sino backgroundColor. por cierto sería mas conveniente que usaras dom (document.getElementById() ....)

[Vrais]

Iniciado por laratik

y por que no utilizas:

Código Javascript:

document.getElementById("myCell").style.backgroundColor = "red";
 

Acabo de probar..pero nada, sigue sin funcionar. De todas formas con bgColor en la prueba que he hecho por separado me funciona. Muchas gracias por tu respuesta.

[IsaBelM]

si tienes un elemento con id "myCell" y usas la propiedad backgroundColor, el fondo de este elemento cambiará de color

[Vrais]

Iniciado por IsaBelM

no se bgColor sino backgroundColor. por cierto sería mas conveniente que usaras dom (document.getElementById() ....)

He probado con un codigo similar al que dices, concretamente este:

Código:

	document.getElementById("myCell").backgroundColor = "red";

pero no me funciona. Puede ser que exista algún tipo de conflicto con el CSS?

[IsaBelM]

Iniciado por Vrais

Puede ser que exista algún tipo de conflicto con el CSS?

no, estás modificando el dom. el problemas ha de estar en otro lado

[Vrais]

Confirmado, el problema no esta en el CSS. Acabo de probar la página sin CSS y tampoco funciona.. no se donde puede estar el error. Esto no debería fallar no:

Código:

<script>
    function function1() {
      
		document.getElementById("link1").backgroundColor = "red";
    }

</script>

[IsaBelM]

te falta

document.getElementById("link1").style.backgroundColor = "red";

perdona, que anteriormente no me diera cuenta

[Vrais]

IsaBelM muchas gracias por todas las respuestas...pero sigue sin funcionarme..estoy seguro que tengo que tener un fallo tontísimo.

[_cronos2]

Cuando se ejecuta esa línea... ¿El elemento existe?
Saludos (:

[Vrais]

No se exactamente que es lo que me fallaba..pero después de mucho probar se solucionó :). Gracias a todos por la ayuda!

[Vrais]

Por cierto, aunque ya funciona...en el IE9 no..alguien sabe porque? (En Chrome y en Firefox sin problema)

[_cronos2]

Puede ser que el problema esté en la línea 13, pero no me atrevo a asegurarlo.
Saludos.

[Vrais]

Iniciado por _cronos2

Puede ser que el problema esté en la línea 13, pero no me atrevo a asegurarlo.
Saludos.

Cierto.. El código es el siguiente:

Código:

    function function1() {
      
		document.getElementById("myCell").style.backgroundColor = "#9BB3B7";
		document.getElementById("myCell2").style.backgroundColor = "#000000";
		document.getElementById("myCell3").style.backgroundColor = "#000000";
		document.getElementById("myCell4").style.backgroundColor = "#000000";
		document.getElementById("myCell5").style.backgroundColor = "#000000";
		document.getElementById("myCell6").style.backgroundColor = "#000000";
    }

[_cronos2]

¿Te marca algo la consola de errores?
Saludos :D

[Vrais]

Iniciado por _cronos2

¿Te marca algo la consola de errores?
Saludos :D

No, no me marca nada. Alguna sugerencia?

[IsaBelM]

Iniciado por _cronos2

Puede ser que el problema esté en la línea 13, pero no me atrevo a asegurarlo.
Saludos.

me ha llevado un momento darme cuenta