- -- operator
- -= operator
- ++ operator
- += operator
- Accessing and setting content
- Array concat() method
- Array indexOf()
- Array length
- Array pop()
- Array shift
- Arrays
- Booleans
- Braces
- Callback function
- Calling the function
- Class
- Closure
- Code block
- Comment
- Conditions
- Console
- Constructor
- Creating a p element
- Data types
- Date getTime()
- Destructuring
- Else
- Else if
- Enum
- Equals operator
- Error Handling
- ES6
- Event loop
- Events
- Extend
- Fetch API
- Filter
- For loop
- forEach()
- Function
- Function bind()
- Function name
- Greater than
- Head element
- Hoisting
- If statement
- includes()
- Infinity property
- Iterator
- JSON
- Less than
- Local storage
- Map
- Methods
- Module
- Numbers
- Object.keys()
- Overriding methods
- Parameters
- Promises
- Random
- Reduce
- Regular expressions
- Removing an element
- Replace
- Scope
- Session storage
- Sort
- Splice
- String
- String concat()
- String indexOf()
- Substring
- Switch statement
- Template literals
- Ternary operator
- 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);