DOM: Remove HTML Element

By Xah Lee. Date: . Last updated: .

Here's how to remove an HTML/XML element.

const x = document .getElementById("i10231");

x.parentNode.removeChild(x);

Remove All Children

To remove all children of a node, you can use innerHTML.

const t = document . getElementById ("abc");

// remove all children
t.innerHTML = '';

[see DOM: Difference Between textContent, innerHTML, innerText, nodeValue]

DOM How-To

  1. DOM: Basic DOM Methods
  2. Get Elements by ID, Tag, Name, Class, CSS Selector
  3. Change CSS
  4. Change Node Content
  5. Create/Insert Node
  6. Remove Node
  7. Get Element's Attribute Value
  8. Set Element's Attribute Value
  9. Remove Element's Attribute Value
  10. List/Add/Remove Class Attribute
  11. Add/Remove Event Handler
  12. DOM: Navigate DOM Tree
Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog