点击页面上的元素，页面删除removeChild()

最新推荐文章于 2021-06-16 16:39:49 发布

weixin_33978044

最新推荐文章于 2021-06-16 16:39:49 发布

阅读量269

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xuchao0506/p/9970173.html

本文通过一个图片上传及删除功能的实现过程，详细解析了removeChild()方法的正确使用方式，强调了参数应为Node节点而非ID字符串的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单描述：最近做了一个图片上传，上传完成回显图片的时候，需要用到点击图片，从页面删除的效果，然后就找到了removeChild()方法，说实话，我刚看到的时候，就觉得这个问题已经解决了，但是却发现这个方法里传的参数竟然有点不同寻常，我往里边放了一个用引号包起来的id字符串，表示删除该id，结果F12就出现了一个错误，然后我先怀疑是不是自己字符串拼错了，一看不是，然后抱着试试的态度，我把引号去掉了，直接放id字符串，结果就好使了。

最后结果：

其他例子：

//html代码
<div id="parentDiv">
　　<img src=rootPath+"/assets-new/apps/img/shanchu.jng" alt="">
　　<h1>测试文本</h1>
　　<input type="text" name="test"/>
　　<span>span标签</span>
</div>

//js代码
var parent = document.getElementById("parentDiv");
parent.removeChild(parent.childNodes[1]);//删除 下标从0开始  <h1>测试文本</h1>

var item = parent.removeChild(parent.childNodes[3]);

总结：removeChild(Node) 参数是一个node节点对象，很重要！！！

转载于:https://www.cnblogs.com/xuchao0506/p/9970173.html