本文主要介绍JS对dom节点删除操作的实现,并结合实例分析javascript使用removeChild()操作页面DOM节点删除函数的相关实现技巧。有需要的可以参考一下。
本文描述了DOM节点删除操作的JS实现。分享给你,供你参考,如下:
一 介绍
使用removeChild()方法删除节点。
removeChild()方法用于删除子节点。
obj。removeChild(旧孩子)
OldChild:表示要删除的节点。
二 应用
节点,本例将通过DOM对象的removeChild()方法动态删除页面中选中的文本。
三 代码
!文档类型html
超文本标记语言
头
Titlewww.jb51.net删除节点/标题
脚本语言=javascript
!-
函数delNode()
{
var deleteN=document . getelementbyid( di );
if(deleteN.hasChildNodes())
{
deleten . remove child(deleten . last child);
}
}
-
/脚本
/头
身体
H1删除节点/h1
div id=di
p文本的第一行/p
P2nd行文本/p
P3rd行文本/p
/div
形式
type= button value= delete onclick= del node();/
/表单
/body
/html
四 运行结果
对更多JavaScript相关内容感兴趣的读者可以查看我们的专题:《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》和《JavaScript数学运算用法总结》。
希望这篇文章对大家的JavaScript编程有所帮助。