码迷,mamicode.com
首页 > 其他好文 > 详细

DOM编程 删除节点

时间:2016-12-14 13:59:04      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:事件   nbsp   color   dev   doc   获取   style   function   nodevalue   

需求:

为每个 li 节点添加一个 confirm(确认对话框): 确定要删除 xx 的信息吗?
若确定, 则删除

1,获取li所有节点
var liNodes = document.getElementsByTagName("li");
2,for循环
for(var i = 0; i < liNodes.length; i++){

3,添加onclick事件
liNodes[i].onclick = function(){

4,确认对话框
var flag = confirm("确定要删除" +
this.firstChild.nodeValue + "的信息吗?");

if(flag){
this.parentNode.removeChild(this);

注:父亲节点不清楚,使用parentNode属性
}
}
}

}

 

DOM编程 删除节点

标签:事件   nbsp   color   dev   doc   获取   style   function   nodevalue   

原文地址:http://www.cnblogs.com/yigexiaojiangshi/p/6178821.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!