cambiar style a un <a href...>

[fjmasero]

Wenas:

Quiero cambiar el estilo de un ancla (<a href...>) al hacer click en este.

Tengo puesto <a href="javascript:cambiar(this)"> y la funcion es

function cambiar(obj) {
obj.style.backgroundColor = "#ff0000";
}

pero me da el error 'style' es nulo o no es un objeto.

¿Por qué?

Salu2, gracias, y ¡¡BASTA YA!!

[PascalC]

style.backgroundColor te permite modificar el color de fondo del atributo style de la etiqueta. O sea que necesitaría algo así :

<a href="" style="background-color:transaparent">

Lo que en realidad intentas hacer es modificar el color de fondo *calculado* por el navegador, fondo que depende de la herencia de los varios estilos. Eso es mucho más difícil. La manera estándar es usar la propiedad getComputedStyle que navegadores recientes como el Opera 7.5 o el Mozilla conocen. El problema es que el abuelo IE6 no lo conoce ypor lo tanto hay que usar una función propietaria de Microsoft que se llama computedStyle.

[fjmasero]

Hola PascalC:

Gracias por contestar.

Chico, no entiendo nada de lo q me has dicho.

Yo si q he hecho muchas veces es lo típico de pasar por encima de una td de un table, o algo parecido, y mediante, por ejemplo, td.style.backgroundColor = "#ff0000" dicha td tomaba como color de fondo el rojo, y algo similar es lo q pretendo pero con un link.

Salu2

[PatomaS]

Hola

Bueno, lo que quieres hacer es bastante sencillo...

basta con que coloques este código en la cabecera de tu página

<style type="text/css">
a:link {
color: #ff0000;
}
a:hover {
color: #00ff00;
}
a:active {
color: #0000ff;
}
</style>

son tres modificadores de la etiqueta a, es decir, del link, el primero es como se ven cuando se carga la página, el segundo como se ve cuando le pasas el ratón por encima y el tercero como se ve mientras estás haciendo clic en el vínculo.

funciona en cualquier vínculo, por ejemplo

<a href="#">texto</a>

Por supuesto, los colores que usé arriba, son muy básicos y los deberías camabiar para que se ajusten a tu diseño

SUerte

Felicidad

[fjmasero]

Hola PatomaS:

Gracias por contestar.

Ya conozco el uso de hover, etc., pero no se consigue el efecto q quieren.

De todas formas, ¿pq da el error q he descrito?. No lo entiendo.

Salu2

[JavierB]

Hola, fjmasero.

No se porque da ese error, pero te puedo decir como solucionarlo. Ponlo así:

<a href="#" onclick="cambiar(this); return false">

Saludos,