javascript学习笔记--增删改查(四)

删除父节点的子节点
父节点.removeChild(子节点)/ 子节点.parentNode.removeChild(子节点)

<div>
 你喜欢那个城市
 <ul id="city">
  <li id="bj">北京</li>
  <li>上海</li>
  <li>东京</li>
  <li>首尔</li>
 </ul>
 </div>
  <div class="right chosen"> 
  <div><button id="btn04">删除#bj节点</button></div>
 </div>

 <script>
     //removechild  删除指定子节点 父节点.removechild(子节点)
  myClick("btn04", function () {
    var bj = document.getElementById("bj");
    var city = document.getElementById("city")
    city.removeChild(bj)
  }),
//parentNode
  myClick("btn04", function () {
    var bj = document.getElementById("bj");

    bj.parentNode.removeChild(bj)
  })
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 什么是DOM DOM 全称是 Document Object Model,也就是文档对象模型。 DOM 就是...
    小胖子littlefatboy阅读 2,427评论 1 9
  • 操作DOM的核心就是增删改查 参考: JavaScript DOM编程——API详解 目录 一、节点创建型API ...
    动感超逗阅读 12,910评论 0 11
  • DOM增删改查基本操作 基本概念 DOM是JavaScript操作网页的接口,全称为“文档对象模型”(Docume...
    _刘小c阅读 642评论 0 1
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,715评论 0 7
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8