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>


