JavaScript: Remove HTML Element

By Xah Lee. Date: . Last updated: .

This page shows you how to remove a HTML/XML element.

var myEle = document.getElementById("xyz");

myEle.parentNode.removeChild(myEle);

you can make it a single line, like this:

(function (x) { x.parentNode.removeChild(x);}) (document.getElementById("xyz"))

Simple DOM Examples

  1. JavaScript: Change CSS
  2. JavaScript: Change Element's Content
  3. JavaScript: Create HTML Element
  4. JavaScript: Remove HTML Element

  1. JavaScript: document.write
  2. JavaScript: Image Rollover
  3. JavaScript: Pop-up New Window
  4. JavaScript: Digital Clock
  5. JavaScript: Stopwatch
  6. JavaScript: Fade a Element
  7. JavaScript: Fade a Element Using CSS Transition
  8. JavaScript UI: Shake Element
  9. JavaScript: How to Create Tooltip
  10. JavaScript: Falling Snow Effect
  11. JavaScript Floating Box Following Scroll
Like what you read? Buy JavaScript in Depth
or, buy a new keyboard, see Keyboard Reviews.