Adding and removing element part 2

• COURSES
• CODE PLAYGROUND
• DISCUSS
• TOP LEARNERS

Adding & Removing Elements

40

2/3

     

Removing Elements

To remove an HTML element, you must select the parent of the element and use the removeChild(node) method.
For example:

<div id="demo">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

<script>
var parent = document.getElementById("demo");
var child = document.getElementById("p1");
parent.removeChild(child);
</script>Try It Yourself

This removes the paragraph with id="p1" from the page.
An alternative way of achieving the same result would be the use of the parentNode property to get the parent of the element we want to remove:
var child = document.getElementById("p1");
child.parentNode.removeChild(child);