本文介绍使用JavaScript原生方法而非jQuery来删除DOM元素的方法，包括兼容IE8及以下浏览器的注意事项，通过具体实例展示了如何定位并移除目标元素。
如果不采用jquery方法，而是用js原生方法，进行dom删除，应该注意以下几点：
1、IE8及以下不支持event.target，而是用event.srcElement
2、需要在html 事件中，把event传参进去，如 <button onclick="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 onclick="toRemove(event);">1</button>
</td>
</tr>
</table>
</body>
</html>
扫一扫
603
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
