delete html element code example

Example 1: javascript remove element by id

//removing element by ID
var element = document.getElementById("myElementID");
    element.parentNode.removeChild(element);

Example 2: remove div javascript

var div = document.getElementById('div-01');
div.remove();

Example 3: javascript delete element

Removing an element is much easier, as it only requires the element's ID.
1. function removeElement(elementId) {
2. // Removes an element from the document.
3. var element = document. getElementById(elementId);
4. element. parentNode. removeChild(element);
5. }

Example:
<h1>The remove() Method</h1>

<p>The remove() method removes the element from the DOM.</p>

<p id="demo">Click the button, and this paragraph will be removed from the DOM.</p>

<button onclick="myFunction()">Remove paragraph</button>

<script>
function myFunction() {
  var myobj = document.getElementById("demo");
  myobj.remove();
}
</script>

Example 4: js remove html element

// Get the element you want to remove
var element = document.getElementById(elementId);

// Get the parent and remove the element since it is a child of the parent
element.parentNode.removeChild(element);

Example 5: delete element html javascript

function removeElement(elementId) {
// Removes an element from the document.
var element = document. getElementById(elementId);
element. parentNode. removeChild(element);
}

Example 6: delete div based on select

$('#record_nav ul li').on('click', function(e){
      $('#record_nav ul li.selected').removeClass('selected');
      $(this).addClass('selected');
      $('.content').hide();
      var id = $(this).data('target');
      $(id).show();
  });

Tags:

Html Example