Delete HTML Element using JavaScript

In this tutorial we will see how to Delete HTML Element using JavaScript. The dom remove() method is used for this which deletes HTML element from the DOM.

Table of Contents

HTML Code

HTML Code is given below.

<!DOCTYPE html>
<html>
<head>
    <title>Remove HTML Element using JavaScript</title>
</head>
<body>

    <h1 id='heading'>HowToCodeSchool.com</h1>
    <button onclick='remove()'>Remove Heading</button>
    
</body>
</html>

JavaScript Code

JavaScript Code is given below, In this code we have used remove() method which removes or deletes the html element from the DOM.

The following code will execute on the click event and will select the heading element using it's id. Then the remove() method will delete the selected HTML heading element from the page.

<script>
function remove()
{
var element = document.getElementById("heading");
element.remove();
}
</script>

Demo

Check Demo

Video Tutorial

Watch video tutorial on How To Delete HTML Element using JavaScript.