#   
## Overview

The **`remove()` method** removes an element from the HTML DOM. It is applied on the element which we want to remove. 

## Parameter
This method does not require any parameters. 

## Return value

This method does not return anything.

## Code

Let's write the code to remove an element from the HTML:

<!DOCTYPE html>
<html>
<body>

<p>Welcome to Educative</p>

<p id="elem">Click the button and remove this element. </p>

<button onclick="change()">Remove paragraph</button>

<script>
function change() {
  var elem = document.getElementById("elem");
  elem.remove();
}
</script>

</body>
</html>


codemirror

## Explanation

* Line 5: We have a `p` paragraph element with simple text.
* Line 7: We have another `p` element with an `elem` id which is removed from the HTML page.
* Line 9: We  write a button tag with a function `change()` binded with the `onclick` event. The function is called when the user clicks on it.
* Line 12: We write the `change()` function inside the script tag .
* Line 13: We use `getElementById()` to get the paragraph element with the `elem` id and assign it in a variable.
* Line 14: We apply the `remove()` method on the variable which is to be removed.

## Output

When we click the button, the paragraph element with the text is removed and can not be accessible in DOM again. 

What is the HTML DOM remove() method?

The remove() method deletes an element from the HTML DOM without parameters or return value. When triggered, the designated element disappears from the page.