JavaScript 表格中行改变颜色

来源:互联网 发布:python与php 编辑:程序博客网 时间:2024/05/16 01:00
function CancelTrSelected(tableId)
{

    
var i;
    
var obj = document.getElementById(arguments[0]);
    
    
    
for (i=1; i < obj.rows.length; i++
    
{
        
        obj.rows(i).style.backgroundColor
='#FFFFFF';
    }

    
    
if(event.srcElement.tagName =='TD')
    event.srcElement.parentElement.style.backgroundColor
='#CCCCCC';
    
else if(event.srcElement.parentElement.tagName =='TD')
    event.srcElement.parentElement.parentElement.style.backgroundColor
='#CCCCCC';
    
else if(event.srcElement.parentElement.parentElement.tagName =='TD')
    event.srcElement.parentElement.parentElement.parentElement.style.backgroundColor
='#CCCCCC';
}

用法 <tr><td><div onClick="
CancelTrSelected('tableName')">TEXTContent</div></td></tr>