JavaScript 中删除元素的方法包括：使用 removeChild() 方法从父元素中移除指定子元素。使用 remove() 方法从 DOM 中移除元素。使用条件语句在满足某些条件时移除元素。使用循环移除多个元素。
如何在 JavaScript 中删除元素
直接移除元素
-
使用
removeChild()方法：从父元素中移除指定子元素。语法：parent.removeChild(child)，其中parent是父元素，child是要移除的子元素。 -
使用
remove()方法：从 DOM 中移除元素。语法：element.remove()，其中element是要移除的元素。
使用条件语句移除元素
如果满足某些条件，可以使用条件语句移除元素，例如：
<code>if (element.classList.contains("hidden")) {
element.remove();
}</code>使用循环移除多个元素
要移除多个元素，可以使用循环：
<code>const elements = document.querySelectorAll(".element-class");
for (let i = 0; i < elements.length; i++) {
elements[i].remove();
}</code>附加注意事项
- 移除元素不会从内存中删除它，只是从 DOM 中删除。
- 使用
removeChild()方法时，父元素必须存在。 - 使用
remove()方法时，元素必须存在于 DOM 中。 - 移除元素后，其子元素也将被移除。
- 移除元素不会触发任何事件。
