JavaScript deleteTFoot method

In the HTML table if we want to delete the table footer then we can delete this table footer by calling the JavaScript method with the table object.

JavaScript deleteTFoot method

JavaScript deleteTFoot method

     

In the HTML table if we want to delete the table footer then we can delete this table footer by calling the JavaScript method with the table object. Syntax for using deleteTFoot() method is as follows:

Syntax:

 tableObject.deleteTFoot();

Description of code:

In this sample example code we have created an html page which consists an html table with one header and one footer and we also have one button "Delete footer" who calls the JavaScript method "deleteTableFooter()". It gets element table object with the method getElementById() and then we can call the method deleteTFoot() on it. 

deleteTFootExample.html

<html>
<body>
<script language="JavaScript">
function deleteTableFooter() {
var footer = document.getElementById('table').deleteTFoot();
}
</script>

<p align="center">&nbsp;</p>
<div style="background: #cf2255; width:'100%';" align="center">
<font color="#ffffcc" size="12pt"><b>Deleting Table Footer</b></font></div>
<center>
<table id="table" border="1" width="400">
<thead>
<th colspan="2"> Information table Header </th>
</thead>
<tr>
<td>Name</td>
<td>Deepak Kumar</td>
</tr>

<tr>
<td>Designation</td>
<td>IT Manager</td>
</tr>
<tfoot>
<th colspan="2"> 
<font color="#565656" size="5pt">
Information table Footer 
</font>
</th>
</tfoot>
</table>
</center>
<p>
<center>
<input type="button" value="Delete footer" onclick="deleteTableFooter(); this.disabled='true'">
</center>
</p>
</body>
</html>

Output:

Download Source Code

     

Tutorials

  1. JavaScript method doScroll()
  2. Popup Window Example in JavaScript
  3. JavaScript method deleteRow()
  4. JavaScript Variables and Data types
  5. Java Script Code of Calendar and Date Picker or Popup Calendar
  6. JavaScript - JavaScript Tutorial
  7. Looping In Java Script
  8. What is JavaScript? - Definition
  9. Conditional Examples(if - else- switch case) in JavaScript
  10. Classes-Objects in JavaScript
  11. String Number Operations in JavaScript
  12. Conditions In Java Script
  13. JavaScript - JavaScript Tutorial
  14. JavaScript Object Oriented Feature
  15. Form Validation using Regular Expressions is JavaScript
  16. Navigation with Combo box and Java Script
  17. Simple Calculator Application In Java Script
  18. JavaScript Combo Box Validation
  19. JavaScript createPopup method
  20. JavaScript appendChild method
  21. JavaScript add method
  22. JavaScript addImport example
  23. JavaScript appendData method
  24. JavaScript applyElement method Example
  25. JavaScript blink method
  26. JavaScript bold method
  27. JavaScript clear method
  28. JavaScript clearTimeOut method
  29. JavaScript click method
  30. JavaScript cloneNode example
  31. JavaScript createAttribute method
  32. JavaScript createCaption method
  33. JavaScript createComment method
  34. JavaScript createEventObject method
  35. JavaScript createTFoot method
  36. JavaScript createTHead method
  37. JavaScript deleteCaption method
  38. JavaScript deleteTFoot method
  39. JavaScript deleteTHead method
  40. JavaScript dragDrop method