- -- operator
- -= operator
- ++ operator
- += operator
- Accessing and setting content
- Array length
- Arrays
- Booleans
- Braces
- Callback function
- Calling the function
- Class
- Closure
- Code block
- Conditions
- Console
- Constructor
- Creating a p element
- Data types
- Destructuring
- Else
- Else if
- Equals operator
- Error Handling
- ES6
- Event loop
- Events
- Extend
- Fetch API
- Filter
- For loop
- Function
- Function name
- Greater than
- Head element
- Hoisting
- If statement
- JSON
- Less than
- Local storage
- Map
- Methods
- Module
- Numbers
- Overriding methods
- Parameters
- Promises
- Reduce
- Regular expressions
- Removing an element
- Replace
- Scope
- Session storage
- Sort
- Splice
- String
- Substring
- Template literals
- Tile
- Type conversion
- While loop
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);