濡傛灉table涓病鏈夋寚瀹歝ss錛屽彲浠ラ氳繃鐩存帴鏀瑰彉tr鐨刡gColor鏉ュ疄鐜幫紱
<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錛岀洿鎺ユ敼鍙榯r鐨刡gColor涓嶈兘鐢熸晥錛岃鏀瑰彉className錛?BR><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>
]]>