event.target

来源:互联网 发布:淘宝客服售中要求 编辑:程序博客网 时间:2024/05/17 01:42

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<title></title>

<styletype="text/css">

td{

width:50px;

height:30px;

text-align: center;

}

</style>

</head>

<body>

<table border="1" cellspacing="0"cellpadding="0">

<tr>

<td>zhangsan</td>

<td>20</td>

<!-- 一个#默认跳到页面顶部 -->

<td><ahref="####">delete</a></td>

</tr>

<tr>

<td>lisi</td>

<td>30</td>

<td><ahref="####">delete</a></td>

</tr>

</table>

<scripttype="text/javascript">

// 通过getElementsByTagName获取所有的a标签节点

varoA = document.getElementsByTagName("a");

// 对每个a标签遍历

for(var i = 0; i< oA.length; i++) {

// 点击a标签的时候,实现删除

oA[i].onclick= function(){

// 通过event.target得到目标a标签

varaNode = event.target;

vartrNode = aNode.parentNode.parentNode;

trNode.parentNode.removeChild(trNode);

}


}

</script>

</body>

</html>

0 0
原创粉丝点击