鼠标通过一行tr 里面的td td里面的文字变色

鼠标经过一行tr 里面的td td里面的文字变色
<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";

    }

}