黑马程序员技术交流社区

标题: this [打印本页]

作者: 胡元江 时间: 2013-3-3 15:04
标题: this
//还是原来的问题

<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>

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2