JavaScript 删除 HTML 元素节点的方法

JavaScript 删除 HTML 元素节点的方法

本文通过实例详解如何使用原生JavaScript实现删除指定HTML元素的功能，供读者参考学习。

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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程序设计示例能对大家有所帮助。