JavaScript：js删除dom节点或div的2种常见方式，附例子和运行效果
在JavaScript中，要删除DOM节点或DIV，可以使用以下两种常见方式：
- 使用
parentNode.removeChild()方法：
var div = document.getElementById('myDiv'); // 获取要删除的div
div.parentNode.removeChild(div); // 删除div- 使用
remove()方法（较新的浏览器支持）：
var div = document.getElementById('myDiv'); // 获取要删除的div
div.remove(); // 删除div以下是一个完整的HTML示例，展示了如何删除一个DIV：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Remove Div Example</title>
<script>
function removeDiv() {
var div = document.getElementById('myDiv');
if (div) {
// 使用removeChild方法删除
div.parentNode.removeChild(div);
// 或者使用remove方法删除
// div.remove();
}
}
</script>
</head>
<body>
<div id="myDiv" style="width: 200px; height: 100px; background-color: #00FF00;">
This is a DIV.
</div>
<button onclick="removeDiv()">Remove DIV</button>
</body>
</html>当点击按钮时，removeDiv函数会被调用，从而删除页面上ID为myDiv的DIV。
评论已关闭