Tengo el siguiente problema: tengo una tabla con enlaces, los cuales tengo que al pasar el mouse por encima el text-decoration cambie a line-through. Esto lo tengo en CSS, lo que tengo en javascript es que al momento de hacer click sobre uno de estos enlaces, el line-through quede fijo en ese enlace y si hago click en otro enlace, solo ese quede marcado. Mi problema es que al hacer click, queda el line-through fijo pero los demás enlaces pierden la propiedad del CSS y no cambian al pasar el mouse por encima. Este es el código:
Código:
y el html<script language="javascript"> function seleccionar(link) { var n = document.getElementsByName("tabla").length; for (i = 0; i<n;i++) { document.getElementsByName("tabla").item(i).style.textDecoration='none'; } link.style.textDecoration='line-through'; }
Código HTML:
<table width="600" border="0"> <tr> <td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">1</a></td> </tr> <tr> <td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">2</a></td> </tr> <tr> <td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">3</a></td> </tr> <tr> <td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">4</a></td> </tr> <tr> <td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">5</a></td> </tr> </table>