js 移除元素

// 示例代码：移除 DOM 元素

// 假设我们有一个 HTML 结构如下：
// <div id="parent">
//   <p id="child">这是一个子元素</p>
// </div>

// 方法 1: 使用 remove() 方法 (现代浏览器支持)
let childElement = document.getElementById("child");
if (childElement) {
  childElement.remove(); // 直接移除该元素
}

// 方法 2: 使用 parentNode.removeChild() 方法 (兼容性更好)
let parentElement = document.getElementById("parent");
let childElement2 = document.getElementById("child");
if (parentElement && childElement2) {
  parentElement.removeChild(childElement2); // 通过父元素移除子元素
}

解释说明：

• 方法 1 使用了 remove() 方法，它是现代浏览器提供的一个简单方法，可以直接从 DOM 中移除当前元素。
• 方法 2 使用了 parentNode.removeChild()，这是一种更传统的做法，适用于所有浏览器。它需要先找到父元素，然后通过父元素的 removeChild() 方法来移除指定的子元素。

两种方法都可以实现移除元素的功能，但 remove() 更简洁，而 parentNode.removeChild() 的兼容性更好。