如何编写可处理单个及多个DOM元素的JavaScript移除函数？

在项目开发中，经常需要移除页面中的DOM元素——有时是单个元素，有时是NodeList或HTMLCollection这类元素集合。为了简化代码，我编写了一个能同时处理这两种场景的函数：

function removeElement(element) {
    if (element instanceof NodeList || element instanceof HTMLCollection) {
        // 若元素为NodeList或HTMLCollection，则遍历并逐个移除
        element.forEach(e => e.remove());
    } else {
        // 否则视为单个DOM元素，直接调用remove()方法移除
        element.remove();
    }
}

这个函数可以灵活适配不同需求：传入单个DOM元素时直接执行移除操作，传入元素集合时会遍历集合内的元素逐一移除。

示例用法 #

// 移除单个元素
const singleElement = document.querySelector('#singleElement');
removeElement(singleElement);

// 移除多个元素
const multipleElements = document.querySelectorAll('.multipleElements');
removeElement(multipleElements);

内容的提问来源于stack exchange，提问作者Rajan Dhariyparmar