怎样使用js,onmouseover时给span添加下滑线。我的源程序（已贴出）不知错在哪里？！

<span id="span1" 
onMouseover="this.style.textDecoration='underline'" 
onmouseout="this.style.textDecoration='none'" 
onClick="window.open
('./../../../shouye/shouye.htm','main','');" style="cursor:hand;">首页</span>

解决方案 »

  1.   

    整个的html文件----------------------------------------------------------------------------------<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head>
    <body>
    <table border="0">
      <tr>
        <td><table><tr><td><span name="span1" onMouseMove="span1.style.text-decoration='underline';" onClick="window.open('./../../../shouye/shouye.htm','main','');" style="cursor:hand;">首页</span></td></tr></table></td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
    </table></body>
    </html>
      

  2.   

    <span id="span1" onMouseover="span1.style.textDecoration='underline';" onMouseout="span1.style.textDecoration='';" onClick="window.open('./../../../shouye/shouye.htm','main','');" style="cursor:hand;">首页</span>