从生活入手学编程：js删除指定元素的15种方法

在JavaScript中，删除DOM中指定元素的方法有很多种。以下是15种删除指定元素的方法：

1. 使用parentNode.removeChild()方法：

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

2. 使用remove()方法：

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

3. 使用outerHTML赋值为空字符串：

var element = document.getElementById("myElement");
element.outerHTML = "";

4. 使用innerHTML赋值为空：

var element = document.getElementById("myElement").parentNode;
element.innerHTML = "";

5. 使用querySelector()和remove()结合：

document.querySelector("#myElement").remove();

6. 使用querySelector()和parentNode.removeChild()结合：

document.querySelector("#myElement").parentNode.removeChild(document.querySelector("#myElement"));

7. 使用querySelectorAll()和forEach()结合：

document.querySelectorAll(".myElement").forEach(function(node) {
  node.parentNode.removeChild(node);
});

8. 使用childNodes结合removeChild()：

var element = document.getElementById("myElement").parentNode;
element.childNodes.forEach(function(node) {
  if (node === element) {
    element.removeChild(node);
  }
});

9. 使用children结合remove()：

var element = document.getElementById("myElement");
while (element.firstChild) {
  element.removeChild(element.firstChild);
}

10. 使用children结合forEach()和remove()：

Array.from(document.getElementById("myElement").children).forEach(function(node) {
  node.remove();
});

11. 使用children结合forEach()和removeChild()：

Array.from(document.getElementById("myElement").parentNode.children).forEach(function(node) {
  if (node.id === "myElement") {
    node.parentNode.removeChild(node);
  }
});

12. 使用querySelector()和remove()结合，删除所有匹配的元素：

document.querySelectorAll(".myElement").forEach(function(node) {
  node.remove();
});

13. 使用querySelector()和parentNode.removeChild()结合，删除单个匹配的元素：

document.querySelector("#myElement").parentNode.removeChild(document.querySelector("#myElement"));

14. 使用document.createElement()创建新元素替换旧元素：