`removeChild()` 方法是 JavaScript 中用于删除指定子节点的方法。它可以从父节点中删除一个指定的子节点。
语法:
parentElement.removeChild(childElement);
参数:
- `parentElement`:要删除子节点的父节点。
- `childElement`:要删除的子节点。
示例:
假设我们有一个 `ul` 元素,其中有多个 `li` 子节点,我们可以使用 `removeChild()` 方法删除其中一个子节点:
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
var myList = document.getElementById("myList");
var listItem = myList.getElementsByTagName("li")[1]; // 获取第二个 <li> 子节点
myList.removeChild(listItem); // 删除第二个 li 子节点
执行上述代码后,第二个 `li` 子节点 "Item 2" 将被从 `ul` 元素中删除。
需要注意的是,如果要删除的子节点不存在,或者子节点不是指定父节点的直接子节点,调用 `removeChild()` 方法将不会引发任何错误。因此,在调用该方法之前,最好先检查子节点是否存在或者是否是指定父节点的子节点。