删除节点removeChild()
来源:互联网 发布:淘宝钓鱼世界 编辑:程序博客网 时间:2024/06/08 07:28
removeChild()方法从子节点列表中删除某个节点,如删除成功,此方法可返回被删除的节点,如失败,则返回NULL
语法:
nodeObject.removeChild(node)
参数:
node:必需,指定需要删除的节点
例子定义clearText()函数,完成节点内容的删除。
1. 删除该节点的内容,先要获取子节点。
2. 然后使用循环遍历每个子节点。
3. 使用removeChild()删除节点。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="content">
<h1>html</h1>
<h1>php</h1>
<h1>javascript</h1>
<h1>jquery</h1>
<h1>java</h1>
</div>
<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
// //法一,一次性清除节点内容
// for(var i=0;i<content.childNodes.length;i++){
// if(content.childNodes[i].nodeType!=1){
// continue;
// }else{
// content.removeChild(content.childNodes[i]);
// }
// }
//法二,一次性清除节点内容
/*
for(var i=content.childNodes.length-1;i>=0;i--){
var chnode=content.childNodes[i];
content.removeChild(chnode);
}
*/
//法三,多次方清除节点内容
for(var i=0;i<content.childNodes.length;i++){
var chnode=content.childNodes[i];
content.removeChild(chnode);
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>
- 删除子节点-removeChild
- 删除节点removeChild()
- 删除节点操作(removeChild, removeNode)
- 9-15删除节点removeChild()
- 删除DOM节点——removeChild
- js appendChild removeChild 添加 删除 子节点
- 一次删除多个XML节点(RemoveChild())
- JS使用removeChild 删除元素节点
- javascript删除元素节点removeChild()用法实例
- js Node.removeChild 删除子节点
- [Web]removeChild删除子节点只删除一半解决方法
- JavaScript:删除节点(removeChild)该留意的一点
- JavaScript:删除节点(removeChild)该留意的一点
- JavaScript:删除节点(removeChild)该留意的一点
- js之DOM操作(删除节点removeChild())
- Javascript removeChild()不能删除全部子节点的解决办法
- javascript :删除节点:用removeChild()方法从给定元素里删除一个子节点
- Javascript removeChild()遍历删除节点之后实际上并没有删除的解决方案
- 缓存简介
- Android中的ContentProvider
- -canOpenURL: failed for URL: "
- JQUERY 自定义事件学习
- 马小妹的JAVA之旅——eclipse第一次运行HelloWorld程序
- 删除节点removeChild()
- The Basics of Fresnel Shading
- C#之WinForm基础 更改打开文件对话框的标题
- 猜测价格
- C++的STL中集合(set)的使用说明
- Xcode所有版本下载地址
- CentOS7使用firewalld打开关闭防火墙与端口
- 程序员生涯的开始!
- ssh允许root登录