功能:删除表格中的一行
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就无处可指了。