DOM编程 删除节点

Posted 2020-08-23 前端小记

需求：

为每个 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属性
}
}
}

}