Remove Elements and Clear Children from DOM

const DOMRemover = {
    removeElement: (elementOrSelector) => {
        const element = typeof elementOrSelector === 'string' ? document.querySelector(elementOrSelector) : elementOrSelector;
        if (element && element.parentNode) {
            element.parentNode.removeChild(element);
            return true;
        }
        console.warn(`Element to remove (${elementOrSelector}) not found or has no parent.`);
        return false;
    },

    clearChildren: (parentElementOrSelector) => {
        const parentElement = typeof parentElementOrSelector === 'string' ? document.querySelector(parentElementOrSelector) : parentElementOrSelector;
        if (!parentElement) {
            console.error(`Parent element to clear children from (${parentElementOrSelector}) not found.`);
            return false;
        }
        while (parentElement.firstChild) {
            parentElement.removeChild(parentElement.firstChild);
        }
        return true;
    },

    // More performant for clearing large number of children
    clearChildrenFast: (parentElementOrSelector) => {
        const parentElement = typeof parentElementOrSelector === 'string' ? document.querySelector(parentElementOrSelector) : parentElementOrSelector;
        if (!parentElement) {
            console.error(`Parent element to clear children from (${parentElementOrSelector}) not found.`);
            return false;
        }
        parentElement.innerHTML = ''; // This is often the fastest way
        return true;
    }
};

// Example Usage:
// <ul id="shoppingList">
//     <li id="item1">Apples</li>
//     <li class="removable-item">Bananas</li>
//     <li class="removable-item">Oranges</li>
// </ul>
// <div id="messages">
//     <p>Message 1</p>
//     <p>Message 2</p>
// </div>

// DOMRemover.removeElement('#item1'); // Removes 'Apples'
// DOMRemover.removeElement(document.querySelector('.removable-item')); // Removes 'Bananas' (first matching)

// setTimeout(() => {
//     console.log('Clearing messages...');
//     DOMRemover.clearChildrenFast('#messages'); // Clears all messages
// }, 2000);