js 删除某个元素

// 删除某个元素的方法有很多，以下是几种常见的方法：

// 方法一：使用 parentNode.removeChild()
// 假设我们要删除一个具有特定 ID 的元素
let element = document.getElementById("elementId");
if (element) {
    element.parentNode.removeChild(element);
}
// 解释：首先通过 getElementById 获取要删除的元素，然后调用其父节点的 removeChild 方法将其从 DOM 中移除。

// 方法二：使用元素自身的 remove() 方法（现代浏览器支持）
let element = document.getElementById("elementId");
if (element) {
    element.remove();
}
// 解释：直接调用元素的 remove 方法可以更简洁地删除该元素，无需先获取其父节点。

// 方法三：通过类名或标签名删除元素
let elements = document.getElementsByClassName("className");
while (elements.length > 0) {
    elements[0].remove();
}
// 解释：getElementsByClassName 返回的是一个 HTMLCollection，它是一个动态更新的集合。我们通过循环不断删除第一个匹配的元素，直到没有匹配的元素为止。