鼠标经过一行tr 里面的td td里面的文字变色js代码
<tr style=" height:32px;" align="center" onmouseover="on(this);" onmouseout="out(this);">
<td width="200">文字</td>
<td width="150">文字</td>
<td width="270">文字</td>
<td width="100">文字</td>
<td width="100">文字</td>
<td width="100" >文字</td>
</tr> 写个function on(obj){
}
function on(obj){
obj.color="red";
}这个不行
function on(obj){ var tds = obj.getElementsByTagName("td"); for(var i=0;i<tds.length;i++) { tds[i].style.color = "red"; } }
<table><tr style=" height:32px;" align="center" onmouseover="on(this);" onmouseout="out(this);"> <td width="200">文字</td> <td width="150">文字</td> <td width="270">文字</td> <td width="100">文字</td> <td width="100">文字</td> <td width="100" >文字</td> </tr><tr style=" height:32px;" align="center" onmouseover="on(this);" onmouseout="out(this);" style="color:"> <td width="200">文字</td> <td width="150">文字</td> <td width="270">文字</td> <td width="100">文字</td> <td width="100">文字</td> <td width="100" >文字</td> </tr></table> <script type="text/javascript"> function out(obj) { obj.style.color = 'black'; } function on(obj) { obj.style.color = 'red'; } </script>