A标签中通过href和onclick传递的this对象

功能：删除表格中的一行

body:

<table border="1" width="50%" id="table">

  <tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
  </tr>  


  <tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:void(0);" οnclick="delRow(this);">删除</a></td>   <!--在删除按钮上添加点击事件  -->

  </tr>

</table>

js:

    // 创建删除函数
     function delRow(obj){     
        var node=obj.parentNode.parentNode;
        node.parentNode.removeChild(node);
     }

一开始是这样写的：<a href="javascript:delRow(this);">删除</a>，发现传过去的不是a标签。

上网查询发现是这样的：

当使用οnclick="delRow(this)"的时候，解释器会给他包装一个匿名函数，变成了：

a.onclick = function anonymous() 
{ 
delRow(this); 
} 

这个this指的就是a这个对象，而使用href的方式时，由于是一个地址，这个this就无处可指了。