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>

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

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

Sign up or download Mimo from the App Store or Google Play to enhance your programming skills and prepare for a career in tech.

You can code, too.

© 2024 Mimo GmbH