我已经尝试了一段时间,但仍未解决这个问题。
请注意,不使用jquery =/
我现在的JS代码如下:
function highlight(){
var table = document.getElementById('dataTable');
for (var i=0;i < table.rows.length;i++){
table.rows[i].onclick= function () {
if(!this.hilite){
this.origColor=this.style.backgroundColor;
this.style.backgroundColor='#BCD4EC';
this.hilite = true;
}
else{
this.style.backgroundColor=this.origColor;
this.hilite = false;
}
}
}
}
以下是HTML代码:
HTML的代码如下
<table id="dataTable">
<tr onclick="highlight()"><td>Data1</td><td>Data2</td></tr>
<tr onclick="highlight()"><td>Data1</td><td>Data2</td></tr>
<tr onclick="highlight()"><td>Data1</td><td>Data2</td></tr>
</table>
目前,当我点击时它会改变颜色,但是当我点击第二排时,第一排仍然保持突出显示。你能帮我完成这个任务吗?不使用jQuery。
谢谢。