Last modified on 18 March 2015, at 11:49

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);

ReferencesEdit


Previous: Changing Elements Index Next: Changing Element Styles