Table createTHead() 方法
示例
创建 <thead> 元素（并向其中插入 <tr> 和 <td> 元素）
// 查找 id="myTable" 的 <table> 元素
var table = document.getElementById("myTable");
// 创建一个空的 <thead> 元素并将其添加到表格中
var header = table.createTHead();
// 创建一个空的 <tr> 元素并将其添加到 <thead> 的第一个位置
var row = header.insertRow(0);
// 在“新”<tr> 元素的第一位置插入一个新单元格 (<td>)
var cell = row.insertCell(0);
// 在新单元格中添加一些粗体文本
cell.innerHTML = "<b>This is a table header</b>";
自己动手试一试 »
描述
createTHead() 方法创建一个空的 <thead> 元素并将其添加到表格中。
注意：如果表格中已存在 <thead> 元素，createTHead() 方法将返回现有的元素，而不会创建新的元素。
注意：<thead> 元素内部必须包含一个或多个 <tr> 标签。
提示：要从表格中删除 <thead> 元素，请使用 deleteTHead() 方法。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| createTHead() | 是 | 是 | 是 | 是 | 是 |
语法
tableObject.createTHead()
参数
| 无 |
技术详情
| 返回值 | 新创建的（或已存在的）<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> 标签
↜ Table 对象
