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
Video Tutorial
Watch video tutorial on How To Delete HTML Element using JavaScript.