题目要求：
有一个包含数据列表的页面，数据行数不确定。每一行数据都有一个删除按钮，单击删除按钮删除该列数据，请用JavaScript实现该功能。
代码：
<script type="text/javascript">
window.onload = function(){
var oUl = document.getElementsByTagName('ul')[0];
oUl.onclick = function(ev){
var ev = ev || window.event;
var target = ev.target || ev.srcElement;
if(target.tagName.toLowerCase() == 'button'){
var tr = target.parentNode;
tr.parentNode.removeChild(tr);
}
}
}
</script>
<body>
<ul>
<li>一<button>删除一</button></li>
<li>二<button>删除二</button></li>
<li>三<button>删除三</button></li>
<li>四<button>删除四</button></li>
<li>五<button>删除五</button></li>
<li>六<button>删除六</button></li>
</ul>
</body>小解：
1、document.getElementsByTagName(‘ul’)[0];
可以参考getElementsByTagName()方法取出的是集合，所以后面的[0]代表取第一个ul。
2、ev.target是指取到的对象的实体，比如点击到button标签上，那么这个ev.target指向的就是这个button。
4622
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
