【求助】javascript方法引用问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><script type="text/javascript">
 window.onload=function(){
        var tab1=document.getElementById("t1");
        var tHeads=document.getElementsByTagName("thead");
        var arr=tab1.tHead.rows[0].cells;
        var tts=tab1.tBodies[0].rows; for(var i=0;i<arr.length;i++)
{
arr[i].style.cursor="pointer";
arr[i].onclick=changeColor;    }
function changeColor (){
        alert(this.parentElement.innerHTML);
        for(var j=0;j<tts.length;j++){
        tts[j].cells[this.cellIndex].style.background="yellow";
        }
}
 }
        </script>
</head><body><table id="t1">
   <thead>
      <tr>
       <td onclick="">序号</td>
       <td>姓名</td>
       <td>年龄</td>
      </tr>
   </thead>
       <tr>
          <td>1</td>
          <td>张三</td>
          <td>21</td>
       </tr>
       <tr>
          <td>2</td>
          <td>李四</td>
          <td>22</td>
       </tr>
       <tr>
          <td>3</td>
          <td>王五</td>
          <td>30</td>
       </tr>
       <tr>
          <td>4</td>
          <td>张咯牛</td>
          <td>17</td>
       </tr>
       <tr>
          <td>5</td>
          <td>艾丝凡</td>
          <td>27</td>
       </tr>
</table>
</body>
</html>

解决方案 »

  1.   

         function ChangeColor() {
             alert(this.parentElement.innerHTML);
             var tts = document.getElementById("t1").tBodies[0].rows;///////////
             for (var j = 0; j < tts.length; j++) {
                 tts[j].cells[this.cellIndex].style.background = "yellow";
             }
         }
        window.onload = function () {
            var tab1 = document.getElementById("t1");
            var tHeads = document.getElementsByTagName("thead");
            var arr = tab1.tHead.rows[0].cells;        for (var i = 0; i < arr.length; i++) {
                arr[i].style.cursor = "pointer";
                arr[i].onclick = ChangeColor        }
        }