EN
JavaScript - remove child element
0
points
In this article, we would like to show you how to remove child element using removeChild() method in JavaScript.
Quick solution:
// find parent and child elements by id
var parent = document.querySelector("#parent-id");
var child = document.querySelector("#child-id");
//remove child element
parent.removeChild(child);
Practical example
In this example, we will remove child-2 element using removeChild() method.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
<div id="parent">
<p id="child-1">This is a paragraph 1.</p>
<p id="child-2">This is a paragraph 2.</p>
</div>
<script>
var parent = document.querySelector("#parent");
var child = document.querySelector("#child-2");
parent.removeChild(child);
</script>
</body>
</html>