Table createTHead() 方法
实例
创建一个 <thead> 元素（并在其中插入一个 <tr> 和 <td> 元素）:
// 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> 元素并将其添加到表中。
注释:如果表中已经存在 <thead> 元素，则 createTHead() 方法返回现有元素，而不创建新元素。
注释: <thead> 元素内部必须有一个或多个 <tr> 标记。
提示:要从表中删除 <thead> 元素，请使用 deleteTHead() 方法。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| createTHead() | Yes | Yes | Yes | Yes | Yes |
语法
tableObject.createTHead()
参数
| None |
技术细节
| 返回值: | 新创建的（或现有的） <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> tag
❮ Table 对象
