Deleting DOM elements in JavaScript

A simple example of a deleting DOM elements in JavaScript.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Tizen example"/>
    
    <title>Tizen example</title>

</head>

<body>

<div id="sampleDiv">
<p id="par_1">Here is a sample paragraph element</p>
<p id="par_2">Here is another one...</p>
<p id="par_3">... and another one...</p>
</div>

<script>

var parent = document.getElementById("sampleDiv");
var element1 = document.getElementById("par_1");
var element2 = document.getElementById("par_2");
var element3 = document.getElementById("par_3");

parent.removeChild(element2);

</script>

</body>
</html>

Responses

0 Replies