< JavaScript

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

This article is issued from Wikibooks. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.