删除 DOM 元素 - JavaScript

在 JavaScript 中删除 DOM 元素是常见的操作，本文将介绍如何使用 JavaScript 删除 DOM 元素。

1. 通过节点的父元素删除节点

通过节点的父元素调用 removeChild() 方法可以删除指定节点。下面是删除 id 为 "test" 的元素的示例代码：

var element = document.getElementById("test");
element.parentNode.removeChild(element);

2. 直接删除节点

可以直接使用 remove() 方法删除指定节点。下面是删除 id 为 "test" 的元素的示例代码：

var element = document.getElementById("test");
element.remove();

3. 淡出效果删除节点

可以使用 jQuery 框架提供的 fadeOut() 方法让节点淡出后再删除：

$("#test").fadeOut("slow", function(){
  $(this).remove();
});

4. 队列中删除节点

可以将节点加入 jQuery 队列中，然后使用 dequeue() 方法删除节点：

$("#test").queue(function(next){
  $(this).remove();
  next();
});

5. 使用外部库删除节点

也可以使用一些外部库比如 lodash 或者 underscore.js 来删除节点。例如使用 lodash 删除 id 为 "test" 的元素：

_.defer(function() {
  var element = document.getElementById("test");
  _.defer(element.remove.bind(element));
});

6. 总结

本文介绍了使用 JavaScript 和外部库删除 DOM 元素的多种方法。选择何种方法取决于实际应用场景，可以根据实际需要选择最适合的方法。