javascript删除一个html元素节点的方法

  本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。具体实现方法如下:

  

复制代码 代码如下:
<!DOCTYPE html>

  <html>

  <head>

  <meta charset=" utf-8">

  <meta name="author" content="http://www.glzy8.com/" />

  <title>管理资源吧</title>

  <style>

  #content{

  width:200px;

  height:20px;

  color:red;

  }

  </style>

  <script>

  window.onload=function(){

  var obt=document.getElementById("bt");

  var odiv=document.getElementById("content");

  obt.onclick=function(){

  odiv.parentNode.removeChild(odiv);

  }

  }

  </script>

  </head>

  <body>

  <div id="content">管理资源吧</div>

  <input type="button" id="bt" value="查看效果"/>

  </body>

  </html>

  在原生的javascript中,暂时没有没有一个方法能够删除元素本身,如果要删除可以通过通过父节点的removeChild()方法删除指定的子元素,代码比较简单,这里不多介绍了,感兴趣的朋友可以参阅相关资料。

  希望本文所述对大家基于javascript的web程序设计有所帮助。