懂javascript的请进(老问题!)

<html>
<head>
<title></title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="JnKc">
<meta name="Keywords" content="">
</head>
<body>
<script language=javascript> 
function color(){
var obj = event.srcElement;
if (obj.tagName!='TD'){return;}
obj.style.backgroundColor='red';
}
</script><table border=1 onmouseover="color()">
<tr>
<td>1234</td><td>1234</td><td>1234</td>
</tr>
<tr>
<td>1234</td><td>1234</td><td>1234</td>
</tr>
<tr>
<td>1234</td><td>1234</td><td>1234</td>
</tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <html>
    <head>
    <title></title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="JnKc">
    <meta name="Keywords" content="">
    </head>
    <body>
    <script language=javascript> 
    function color(){
    var obj = event.srcElement;
    if (obj.tagName!='TD'){return;}
    obj.style.backgroundColor='red';
    }
    function nocolor(){
    var obj = event.srcElement;
    if (obj.tagName!='TD'){return;}
    obj.style.backgroundColor='';
    }
    </script><table border=1 bgcolor="#f0f0f0" onmouseover="color()" onmouseout="nocolor()">
    <tr>
    <td>1234</td><td>1234</td><td>1234</td>
    </tr>
    <tr>
    <td>1234</td><td>1234</td><td>1234</td>
    </tr>
    <tr>
    <td>1234</td><td>1234</td><td>1234</td>
    </tr>
    </table>
    </body>
    </html>
      

  2.   

    谢谢您!
    能顺便解释一下这两句吗?!
    var obj = event.srcElement;
    if (obj.tagName!='TD'){return;}有点不懂,谢谢了!
      

  3.   

    <button onClick="aa()">测试按钮</button>
    window.event.srcElement.tagName:触发事件的标签名称,上面的是button
    window.event.srcElement.innerText:得到的是“测试按钮”。
    同理，你的就是判断是不是TD
      

  4.   

    告诉你一个技巧：定义函数时这样：function xxx(obj){obj.xxx=...}调用时这样：xxx(this)这样就通过参数传递实现了在函数中调用触发事件的元素。