最新的Web开发教程
 

createTHead() Method

<表对象

创建<thead>元件(and insert a <tr> and <td> element to it)

// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");

// Create an empty <thead> element and add it to the table:
var header = table.createTHead();

// Create an empty <tr> element and add it to the first position of <thead> :
var row = header.insertRow(0);    

// Insert a new cell (<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);

// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a table header</b>";
试一试»

定义和用法

所述createTHead()方法创建一个空<thead>元素,并将其添加到表中。

Note:如果一个<thead>元件上的表已经存在,则createTHead()方法返回现有之一,并且不产生新的一个。

注意: <thead>元素必须具有一个或多个<tr>内标签。

Tip:要删除<thead>从表元素,使用deleteTHead()方法。


浏览器支持

方法
createTHead()

句法

tableObject .createTHead()

参数

没有

技术细节

返回值: 新创建的(or an existing) <thead>元件

更多示例

创建和删除一个<thead>元素:

function myCreateFunction() {
    var table = document.getElementById("myTable");
    var header = table.createTHead();
    var row = header.insertRow(0);
    var cell = row.insertCell(0);
    cell.innerHTML = "<b>This is a table header</b>";
}

function myDeleteFunction() {
    document.getElementById("myTable").deleteTHead();
}
试一试»

相关页面

HTML参考: HTML <thead>标签


<表对象