本文介绍了如何使用原生JavaScript删除指定的HTML元素节点。由于原生JS没有直接删除元素本身的方法,通常通过获取父节点并调用removeChild()方法来移除指定的子元素。文中提供了完整的HTML与JavaScript代码示例,展示了如何绑定点击事件以触发删除操作,供Web开发者参考。
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程序设计示例能对大家有所帮助。