HTMLElement對象的removeChild()方法用于從父元素中移除指定的子元素。
使用removeChild()方法的一般步驟如下:
獲取到要移除的子元素的引用,可以使用getElementById()、querySelector()等方法獲取。
獲取到父元素的引用,可以使用getElementById()、querySelector()等方法獲取。
調用父元素的removeChild()方法,并將要移除的子元素作為參數傳遞給該方法。
以下是一個簡單的示例代碼:
<!DOCTYPE html>
<html>
<head>
<title>removeChild()方法示例</title>
</head>
<body>
<div id="parent">
<p id="child">要被移除的子元素</p>
</div>
<script>
// 獲取子元素的引用
var child = document.getElementById("child");
// 獲取父元素的引用
var parent = document.getElementById("parent");
// 移除子元素
parent.removeChild(child);
</script>
</body>
</html>
在上面的示例中,我們首先通過getElementById()方法獲取到要移除的子元素和父元素的引用,然后調用父元素的removeChild()方法,將子元素作為參數傳遞給該方法,最終子元素將從父元素中移除。