<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table行变色</title>
<script type="text/javascript">
function changeCheck(obj) {
var content=document.getElementsByTagName("tr");
for (var i = 0; i < content.length; i++) {
var c=content[i];
if (obj==c) {
c.style.backgroundColor="yellow";
} else {
c.style.backgroundColor="";
}
}
}
</script>
</head>
<body>
<table border="1" align="center" >
<thead>
<th>学号</th>
<th>姓名</th>
<th>科目</th>
<th>成就</th>
</thead>
<tbody>
<tr οnclick="changeCheck(this)">
<td>01</td>
<td>慕寒</td>
<td>语文</td>
<td>89</td>
</tr>
<tr οnclick="changeCheck(this)">
<td>02</t>
<td>沐阳 </td>
<td>语文</td>
<td>98</td>
</tr>
<tr οnclick="changeCheck(this)">
<td>03</td>
<td>苏朝思</td>
<td>语文</td>
<td>98</td>
</tr>
</tbody>
</table>
</body>
</html><!DOCTYPE html>
<
