DOM删除节点

最新推荐文章于 2023-05-02 11:48:46 发布
最新推荐文章于 2023-05-02 11:48:46 发布
阅读量156 收藏
点赞数
分类专栏： JavaScript 文章标签： DOM 节点
一 介绍
删除节点通过使用removeChild()方法来实现。
removeChild()方法用来删除一个子节点。
obj. removeChild(oldChild)
oldChild：表示需要删除的节点。
 
二 应用
删除节点，本示例将通过DOM对象的removeChild()方法，动态删除页面中所选中的文本。
 
三 代码 
<head>
<title>删除节点</title>
<script language="javascript">
<!--
function delNode()
{
var deleteN=document.getElementById('di');
if(deleteN.hasChildNodes())
{
	 	deleteN.removeChild(deleteN.lastChild);
}
}
-->
</script>
</head>
<body>
<h1>删除节点</h1>
<div id="di">
<p>第一行文本</p>
<p>第二行文本</p>
<p>第三行文本</p>
</div>
<form>
<input type="button" value="删除" οnclick="delNode();"/>
</form>
</body>
 
四 运行结果


 
iteye_5722
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM节点的删除
weixin_44540247的博客
04-16 1503
插入元素的方法多种多样，在实际应用中也很常见，但是不可能只用插入元素的方法，就好像你在点外卖的时候手滑选错了商品，下意识的会去叉掉，这一个操作就是利用了删除节点的方法。 原生的JS代码比较复杂，所以在编写代码时会用到一些插件，jQuery也是其中一种比较好用的一款插件，它提供了几种删除节点的方法：empty()、remove()、detach()。我用一个例子来进行讲解（代码借鉴于老师）。 emp...
DOM 删除节点
SiC B2B2C Shop大型B2B2C商城软件产品，使用Java语言开发，高性能高扩展性高安全性分布式。可帮助你快速的建立大型B2B2C电商系统
03-13 139
  removeChild() 方法删除指定节点。 removeAttribute() 方法删除指定属性。 实例 下面的例子使用 XML 文件 books.xml 。 函数 loadXMLDoc() ，位于外部 JavaScript 中，用于加载 XML 文件。 删除元素节点 本例使用 removeChild() 来删除第一个 &lt;book&gt; 元素。 ...
DOM ------ 删除节点
HuoZhiyan 的博客
02-09 1826
删除节点:node.removeChild(child) //html代码 <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> //js代码 // 1.获取元素 var ul = document.querySelecto
删除DOM节点
AOOOOO李
03-05 813
删除节点 删除节点的步骤，先获取父节点，在通过父节点删除自己 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>p1</h1> <p id="p1">p2<.
jQuery DOM删除节点操作指南
10-24
本章节主要介绍了jQuery中dom操作的三种删除节点的方法，即remove()，detach()和empty()，并附上示例代码，非常实用，这里推荐给小伙伴们。
JS实现DOM删除节点操作示例
10-18
主要介绍了JS实现DOM删除节点操作,结合实例形式分析了javascript使用removeChild()操作页面dom节点删除功能的相关实现技巧,需要的朋友可以参考下
js—dom—删除节点
weixin_47204963的博客
09-21 224
removeChild():删除某个节点中指定的子节点，必须有参数，若要删除所有的节点，采用节点的遍历实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>removeChild()</title
删除DOM节点 删除DOM节点
06-06
删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点
(9)JavaScript DOM删除节点
魚
11-26 245
删除节点： 1.removeChild（）： 从一个给定元素里删除一个子节点 var reference = element.removeChild（node）； 返回值是一个指向已被删除的子节点的引用指针 某个节点被removeChild（）方法删除时 这个节点所包含的所有子节点将同时被删除 如果想删除某个节点 但不知道它的父节点是哪一个 parentNode可以帮忙 ...
JavaScript 删除Dom节点
weixin_47556601的博客
02-15 6851
大家好，今天我们来分享一下JavaScript 删除Dom节点 在JavaScript当中，删除节点的步骤： 先获取到父节点，再通过父节点来删除自己（子节点） 这里，提醒一下，自己不可以删除自己 看源码： ```bash <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&gt
利用DOM操作节点方法实现节点的动态删除
YY的博客
10-20 342
利用DOM操作节点方法实现节点的动态删除
DOM节点删除方法小结
weixin_34032792的博客
06-08 476
在jQuery中有以下三个方法可以实现：remove、detach、empty 方法名 参数 绑定的事件是否同时被移除 删除的对象 rmove 选择器表达式，比如remove(“.class”);remove(“#id”);remove(“tag”): 是 自身（无参数时），有参数时要根据参数所涉及的范围决定。 detach 同remove 否 同remove empty 无...
DOM节点删除之empty和remove
u011277123的博客
01-18 686
达人科技 2017-01-15 11:48 刚学了新知识，虽然是一个小知识点，但还是忍不住想和大家分享。 .empty是指对该节点后代的删除，结果是清空该节点（该节点里面已无元素）。 .remove是指删除该节点，结果是删除该节点(该节点及其后代元素都将不存在)。 下面放代码来说明。 body{ background: #ffe5aa; } #test1{ width:
DOM删除和添加节点
zzxwefxf的博客
09-01 424
DOM删除和添加节点 删除 ： 如果要在JavaScript中将一个节点删除，就需要用到DOM。利用DOM来删除一个节点，不能直接删除，需要得到该节点的父节点，再通过父节点将该加点删除。如： body>   div id="div1">abc div> script> var div = document.getElementById("div1"); //得到该节点
DOM节点的增加删除
最新发布
xaiozhao的博客
05-02 1241
通过DOM对节点进行增加删除操作
dom属性：添加节点、删除节点
byn10的专栏
02-29 2644
innerHTML  向文本节点中定稿数据（它会替换掉原来的内容）              实现追加：         1）获取原来数据 2）原来的数据+新的内容  写入到文本节点中 dom访常见属性： 删除节点：removeChild  删除某个对象的子节点 添加节点：1）创建元素节点  createElement("元素名称");  创建的是标签
DOM删除指定节点 removeChild()
m0_49249339的博客
03-19 608
节点的删除和替换只能由父节点来操作 !DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> &lt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值