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