var selectedRow=null;
function col(obj){
obj.style.backgroundColor='534543'; //点击的行变颜色;
if(selectedRow!=null) selectedRow.style.removeAttribute("backgroundColor");
if(selectedRow==obj) selectedRow=null;//重复点击返回原色
else selectedRow=obj;
}
是选中的行变色。
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
var selectedRow=null;
function col(obj){
obj.style.backgroundColor='534543';
if(selectedRow!=null) selectedRow.style.removeAttribute("backgroundColor");
if(selectedRow==obj) selectedRow=null;
else selectedRow=obj;
}
</script>
<body>
<table id="test" border=1>
<tr οnclick="col(this);">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
<td>E</td>
</tr>
<tr οnclick="col(this);">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr οnclick="col(this);">
<td>M</td>
<td>E</td>
<td>C</td>
<td>T</td>
<td>T</td>
</tr>
</table>
</body>
</html>