JavaScript中删除节点的两种操作方法
来源:互联网 发布:plc通讯地址 mac 编辑:程序博客网 时间:2024/06/06 13:08
在javaScript的运用中,我们经常需要对某个节点进行删除操作, 对于节点的增加(appendChid/insertBefore),删除(removeChild),替换(replaceChid)等操作最关键的地方,我觉得应该是找准他们的父节点,以及要操作的子节点.这样就会思路清晰的进行各种花样的操作.接下来,我主要总结一下,我在运用中删除节点的操作方法;
第一种方法,通过访问节点的getElementsByTagName()方法返回的集合结果集来操作删除.代码如下(代码只附body部分):
<body><div id="div1">
<h2 id="p3">我是h2元素的内容</h2>
<h2>好好学习,增量式收获</h2>
<h2>hello,JavaScript!!!</h2>
</div>
<input type="button" id="btnclick2" value="click"/>
<!--以下部分是JavaScript-->
<script type="text/javascript">
function deleteele(){
var oldh2=document.getElementsByTagName("h2")
if(oldh2.length>0){
document.getElementById("div1").removeChild(oldh2[0]);
}
else{
alert("没有可删除的东西了")
}
return false;
}
document.getElementById("btnclick2").onclick=deleteele;//删除h2元素
</script>
</body>
在以上的方法中,document.getElementById("div1")所得到的就是父节点,而oldh2[0]就是即将删除的节点
第二种方法,通过访问节点的getElementById()方法返回指定的元素节点.代码如下(代码只附JavaScript部分):
<script type="text/javascript">
function deleteele(){
var oldh2=document.getElementById("div1");
if(oldh2.hasChildNodes()){
oldh2.removeChild(oldh2.firstChild);
}
else{
alert("没有可删除的东西了")
}
return false;
}
document.getElementById("btnclick2").onclick=deleteele;//删除h2元素
</script>
以上的document.getElementById("div1")就是父节点,oldh2.firstChild是即将删除的子节点.
- JavaScript中删除节点的两种操作方法
- 删除GridView中的一行的-----两种操作方法.
- 删除GridView中的一行的-----两种操作方法.
- 删除指定节点的两种方法
- javascript中字符串的操作方法
- Java中对数组的两种操作方法Arrays、foreach()
- JavaScript DOM节点操作方法之我的见解
- javascript删除节点的全部内容
- javascript删除节点的兼容问题。
- Javascript删除节点的全部内容
- Javascript删除节点的全部内容
- javascript中创建节点修改节点删除节点
- javascript中创建节点修改节点删除节点
- JavaScript 中数组的创建操作方法
- 转载随机数的两种操作方法
- JavaScript中字符串操作方法
- html5中JavaScript删除所有节点
- javascript中dom节点操作(创建节点、增加节点、删除节点、克隆节点)
- 学习OpenCV——金字塔分割(Trackbar)
- jvm内存管理 1 内存空间
- fatal error RC1015: cannot open include file 'wceres.rc'.[转贴] .
- 《Socket I/O模型全接触》
- 获取硬件信息
- JavaScript中删除节点的两种操作方法
- JAVA-servelet 取得当前目录的路径/Servlet/class/文件路径/web路径/url地址
- TCP协议: SYN ACK FIN RST PSH URG 详解
- SQL Server 巧用'' as where_used
- WPF Combobox TextSearch使用
- 网页设计中 em 与 px 的含义
- 终于离开了让我又爱又恨的外包圈,附赠外包圈趣事及混外包圈秘籍
- 数据结构概念总结
- 如何找出Linux系统占用磁盘空间最大的文件夹