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属性
}
}
}

}

时间： 2024-08-24 18:13:54

DOM编程删除节点的相关文章

JS DOM操作（创建、遍历、获取、操作、删除节点）

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic

JavaScript DOM编程学习笔记-删除节点

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //测试removeChild()方法删除节点 window.onload = function() { //alert(1

轻松学习JavaScript二十二：DOM编程学习之节点操作

DOM编程不仅仅可以查找三种节点,也可以操作节点,那就是创建,插入,删除,替换和复制节点.先来看节点操作方法: 还是借用一贯的HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

jQuery DOM操作之删除节点

下面示例可能用到如下HTML代码: <ul> <li title="t1">苹果</li> <li>香蕉</li> <li>橘子</li> <li>葡萄</li> <li>草莓</li> </ul> 1.remove()方法: 作用:从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式来筛选元素. 例如,删除上

DOM创建和删除节点、HTML DOM常用对象[转]

创建和删除节点:——核心DOM 1. 创建单个元素节点:3步: 1. 创建空元素节点对象: var elem=document.createElement("标签名"); 比如: var a=document.createElement("a"); html: <a></a> 2. 设置新元素的关键属性: 比如: a.href="http://tm

DOM创建和删除节点

一.创建节点 3步 1.创建空元素对象: var newElem=document.createElement("标签名"); 例如:var a=document.createElement("a");//<a></a> 2.设置必要属性 newElem.属性名="值"; newElem.innerHTML="文本"; 例如:a.href="http://tmooc.cn";a.in

Query节点操作，jQuery插入节点，jQuery删除节点，jQuery Dom操作

一．创建节点 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div>"; $('body').append(box); //将节点插入到<body>元素内部二．插入节点 jQuery 提供了好几种个方法来插入节点: 1.内部插入节点方法方法名描述 append(content) 向指定元素内部后面插入节点 content append(func

jQuery节点操作，jQuery插入节点，jQuery删除节点，jQuery Dom操作

一．创建节点 1 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div>"; 2 $('body').append(box); //将节点插入到<body>元素内部二．插入节点jQuery 提供了好几种个方法来插入节点:1.内部插入节点方法方法名描述 append(content) 向指定元素内部后面插入节点 content append(fu

jquery里面的DOM操作（查找，创建，添加，删除节点）

一:创建元素节点(添加) 创建元素节点并且把节点作为元素的子节点添加到DOM树上 1.append(): 在元素下添加元素用法:$("id").append("定义的节点"); 例如:var li1 = $("<li>橘子</li>"); 添加属性节点:$("<li class='test'>草莓</li>") 2.appendTo(): 将元素添加到元素里面

DOM编程 删除节点

DOM编程 删除节点的相关文章

DOM编程删除节点

DOM编程删除节点的相关文章