如果不采用jquery方法,而是用js原生方法,进行dom删除,应该注意以下几点:
1、IE8及以下不支持event.target,而是用event.srcElement
2、需要在html 事件中,把event传参进去,如 <button οnclick="toRemove(event);">1</button>
源码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="js/jquery-1.8.3.min.js"></script>
</head>
<body>
<script>
function toRemove(event) {
//IE8及以下不支持event.target,而是用event.srcElement
var des = event.target ? event.target : event.srcElement;
var tr = des.parentNode.parentNode;
tr.parentNode.removeChild(tr);
// $(des).closest('tr').remove();
}
</script>
<table class="" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>1</td>
<td width="50%" valign="top">
<button οnclick="toRemove(event);">1</button>
</td>
</tr>
</table>
</body>
</html>