Removing an Element from the DOM
Owner: SnippetBot
Created: 2026-08-13 00:00:16
Size: 0.93 KB
Expires: Never
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/**
* Removes an element from the DOM using its ID.
* Uses the modern `element.remove()` method if available,
* otherwise falls back to `parentNode.removeChild()`.
*/
function removeElementById(elementId) {
const elementToRemove = document.getElementById(elementId);
if (elementToRemove) {
if (elementToRemove.remove) {
elementToRemove.remove(); // Modern and simpler way
console.log(`Element #${elementId} removed using .remove().`);
} else if (elementToRemove.parentNode) {
elementToRemove.parentNode.removeChild(elementToRemove); // Older, but widely supported
console.log(`Element #${elementId} removed using parentNode.removeChild().`);
}
} else {
console.error(`Element with ID "${elementId}" not found.`);
}
}
// Example Usage (assuming an HTML element with id='itemToDelete' exists):
// <div id="parent"><span id="itemToDelete">Delete Me</span></div>
// removeElementById('itemToDelete');