如果table中没有指定css,可以通过直接改变tr的bgColor来实现;
<script language="JavaScript">
function trSelect(){
if (event.srcElement.tagName=='TD'){
for(i=0;i<nsDataGridTable.rows.length;i++){
nsDataGridTable.rows[i].bgColor='';
}
event.srcElement.parentElement.bgColor='red';
}
}
</script>
<div onmousedown="trSelect()">
<table id="nsDataGridTable" onmousedown="trSelect()">
<tr><td>111111</td><td>111111</td></tr>
<tr><td>222222</td><td>222222</td></tr>
<tr><td>333333</td><td>333333</td></tr>
</table>
</div>
如果table中指定了css,直接改变tr的bgColor不能生效,要改变className;
<script language="JavaScript">
function trSelectChangeCss(){
if (event.srcElement.tagName=='A'){
for(i=0;i<nsDataGridTable.rows.length;i++){
nsDataGridTable.rows[i].className=((i%2==1)?'odd':'even')
}
event.srcElement.parentElement.parentElement.className='select';
}
}
</script>
<style>
tr.odd {
background-color: #fff;
}
tr.even {
background-color: #F2F2F2
}
tr.select {
background-color: #F4F2D7;
}
</style>
<div onmousedown="trSelectChangeCss()">
<table id="nsDataGridTable" >
<tr class="odd"><td>111111</td><td><a href="#">111111</a></td></tr>
<tr class="even"><td>222222</td><td><a href="#">222222</a></td></tr>
<tr class="odd"><td>333333</td><td><a href="#">333333</a></td></tr>
</table>
</div>
posted on 2005-07-05 15:23
gaich 阅读(3605)
评论(1) 编辑 收藏 所属分类:
Web页面