溫馨提示×

js中removechild方法怎么用

小億
207
2023-08-02 11:32:10
欄目: 編程語言

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

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

parentNode.removeChild(childNode);

其中,parentNode是要移除子元素的父元素節(jié)點,childNode是要移除的子元素節(jié)點。

具體的使用方法可以參考以下示例:

<!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()方法獲取父元素節(jié)點和子元素節(jié)點,然后使用removeChild()方法將子元素從父元素中移除。點擊按鈕后,段落將被從頁面中移除。

0