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);" onclick="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标签。

上网查询发现是这样的：

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

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

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