W3Schools.com

Table deleteTHead() Method

Table Object Reference Table Object

Definition and Usage

The deleteTHead() method removes the thead element (and its content) from the table.

Tip: To create a new thead element for a table, use the createTHead() method.

Syntax

tableObject.deleteTHead()

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The deleteTHead() method is supported in all major browsers.

Example

Example

Create and delete a thead element:

<html>
<head>
<script type="text/javascript">
function createTHead()
{
var x=document.getElementById("myTable");
if (!x.tHead)
  {
  var header=x.createTHead();
  var row=header.insertRow(0);
  var cell=row.insertCell(0);
  cell.innerHTML="<b>This is a table header</b>";
  }
}
function deleteTHead()
{
document.getElementById("myTable").deleteTHead();
}
</script>
</head>
<body>

<table id="myTable" border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br />
<button type="button" onclick="createTHead()">Create thead</button>
<button type="button" onclick="deleteTHead()">Delete thead</button>

</body>
</html>

Try it yourself »

Table Object Reference Table Object
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$3.98 Unlimited Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Best Website Templates Top CSS Templates
CREATE HTML Websites
EASY WEBSITE BUILDER
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE