JavaScript/Removing Elements
Previous: Changing elements Index Next: Changing element styles

In JavaScript, an element can only be deleted from its parent. To delete one, you have to get the element, find its parent, and delete it using the removeChild method.[1]

For example, in a HTML document that looks like

<div id="parent">
    <p id="child">I'm a child!</p>
</div>

The code you would need to delete the element with the ID "child" would be

// get elements
var child = document.getElementById("child");
var parent = document.getElementById("parent");

// Delete child
parent.removeChild(child);

Instead of getting the parent element manually, you can use the parentNode property of the child to find its parent automatically. The code for this on the above HTML document would look like

// Get the child element node
var child = document.getElementById("child");

// Remove the child element from the document
child.parentNode.removeChild(child);

References


Previous: Changing elements Index Next: Changing element styles

  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.


JavaScript/Removing_elements
 

Manage research, learning and skills at IT1me. Create an account using LinkedIn to manage and organize your IT knowledge. IT1me works like a shopping cart for information -- helping you to save, discuss and share.


  Contact Us  |  About IT1me.com |  IT Training & References |  IT Careers |  IT Hardware |  IT Software |  IT Books