用Javascript删除HTML元素

本文介绍了一个简单的DOM操作案例,展示了如何使用JavaScript中的removeChild方法来删除DOM树中的某个子节点。通过具体的HTML示例,读者可以了解到如何找到指定元素的父对象并移除目标子元素。

var   div   =   document.getElementById("DivId");  
div.style.display   =   "none";   //隐藏而不删除  
div.parentNode.removeChild(div);   //删除

 

用removeChild方法,找到该元素的父对象,调用parentObject.removeChild方法。:
  <div   id="p"> 父对象元素 
          <div   id="child"   onclick="dele()">把这个垃圾删除!</div>  
  </div>  
  <script>  
  function   dele(){  
  p.removeChild(child);  
  p.innerText="剩下"+p.innerText;  
  }  
  </script>

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值