//还是原来的问题
<script type="text/javascript">
function TrChange() {
var tr = document.getElementsByTagName("tr");
for (var a = 0; a < tr.length; a++) {
var value = tr[a];
value.onclick = ClickChange;
}
}
function ClickChange() {
var tr = document.getElementsByTagName("tr");
for (var a = 0; a < tr.length; a++) {
var value = tr[a];
if (value ==this) { //这里的this指的是什么。是不是当前事件发生的对象 和event.srcElement处理结果是不是应该类似了
//为什么只能用 this 而event.scrElement在这里用起来却没有用。 this在这里是什么意思咯。
value.style.background = "red";
}
else {
value.style.background = "white";
}
}
}
</script>
</head>
<body>
<table >
<tr><td>第一行第一格</td><td>第一行第二格</td><td>第一行第三格</td></tr>
<tr><td>第二行第一格</td><td>第二行第二格</td><td>第二行第三格</td></tr>
<tr><td>第三行第一格</td><td>第三行第二格</td><td>第三行第三格</td></tr>
<tr><td>第四行第一格</td><td>第四行第二格</td><td>第四行第三格</td></tr>
<tr><td>第五行第一格</td><td>第五行第二格</td><td>第五行第三格</td></tr>
<tr><td>第六行第一格</td><td>第六行第二格</td><td>第六行第三格</td></tr>
<tr><td>第七行第一格</td><td>第七行第二格</td><td>第七行第三格</td></tr>
<tr><td>第八行第一格</td><td>第八行第二格</td><td>第八行第三格</td></tr>
</table>
|