script标签内:
function del(obj)
{
var tr=obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
body标签内:
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="del(this);">删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
为什么this可以作为参数并且达到删除tr整行的效果??
首先,this代表的是触发事件的元素也就是a标签,其次,在removeChild(obj)函数中,删除的是obj的祖先元素tr,所以可以删除
this 是一个内建变量 他表示的就是当前你选中的元素
this代表当前元素,哪个元素触发那个元素就可以用this来代替,del(obj)函数中obj是参数,可以通过传参获得当前的this,del(obj)函数中obj用this替换,你就明白了。