美文网首页
javascript学习笔记--增删改查(四)

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

作者: 持续5年输出bug | 来源:发表于2018-12-04 06:47 被阅读0次

删除父节点的子节点
父节点.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>

相关文章

网友评论

      本文标题:javascript学习笔记--增删改查(四)

      本文链接:https://www.haomeiwen.com/subject/rsmpcqtx.html