JAVASCRIPT

Removing an element in JavaScript

To remove an element, we can use the removeChild method on their parent. Here we need to remove the paragraph element from the body.

Start by coding bodyElement, followed by the removeChild() instruction.

 <body id="parent">
  <h2>Social Media</h2>
  <p id="child">Meg: Movie later?</p>
  <script src="script.js"></script>
 </body>

document.getElementById("child").remove();

Then, we need to specify the child element we want to remove. Here, we add paragraph between the parentheses to remove it from the bodyElement.

 <body id="parent">
  <h2>Social Media</h2>
  <p id="child">Meg: Movie later?</p>
  <script src="script.js"></script>
 </body>

const bodyElement = document.getElementById("parent");
const paragraph = document.getElementById("child");
bodyElement.removeChild(paragraph);

You can code, too.

© 2025 Mimo GmbH