js获取dom节点的方法,js移除dom元素,JS实现DOM删除节点操作示例

js获取dom节点的方法,js移除dom元素,JS实现DOM删除节点操作示例

本文主要介绍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编程有所帮助。

js获取dom节点的方法,js移除dom元素,JS实现DOM删除节点操作示例