表格 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>这是一个表格标题</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>这是一个表格标题</b>";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteTHead();
}
亲自尝试 »
相关页面
HTML 参考：HTML <thead> 标签
❮ 表格对象
