removechild

js中removechild方法怎么用

小亿
207
2023-08-02 11:32:10
栏目: 编程语言

在JavaScript中,removeChild()方法用于从父元素中移除指定的子元素。

使用removeChild()方法的一般语法如下:

parentNode.removeChild(childNode);

其中,parentNode是要移除子元素的父元素节点,childNode是要移除的子元素节点。

具体的使用方法可以参考以下示例:

<!DOCTYPE html>
<html>
<body>
<div id="myDiv">
<p id="myPara">这是一个段落。</p>
</div>
<button onclick="myFunction()">移除段落</button>
<script>
function myFunction() {
var parent = document.getElementById("myDiv");
var child = document.getElementById("myPara");
parent.removeChild(child);
}
</script>
</body>
</html>

在这个示例中,通过getElementById()方法获取父元素节点和子元素节点,然后使用removeChild()方法将子元素从父元素中移除。点击按钮后,段落将被从页面中移除。

0
看了该问题的人还看了