首页 > 代码库 > DOM编程 删除节点

DOM编程 删除节点

需求:

为每个 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编程 删除节点