TableHeader headers 属性
实例
返回 id 为 "myTh" 的 <th> 元素的 headers 属性的值:
var x = document.getElementById("myTh").headers;
document.getElementById("demo").innerHTML=x;
document.getElementById("demo").innerHTML=x;
x 输出结果为:
fname
尝试一下 »
定义和用法
headers 属性设置或返回 headers 属性的值。
headers 属性规定一个包含当前数据单元格的表头信息的表头单元格列表。
浏览器支持
所有主流浏览器都支持 headers 属性。
语法
返回 headers 属性:
tableheaderObject.headers
设置 headers 属性:
tableheaderObject.headers=header_ids
属性值
值 | 描述 |
---|---|
header_ids | 规定一个空格分隔的一个或多个与表格单元格相关的表头单元格的 id 列表。 |
技术细节
返回值: | 字符串,包含一个空格分隔的表头单元格标识符的列表。 |
---|
更多实例
实例
显示第二行的单元格表头:
var table = document.getElementById("myTable");
var txt = "";
for (var i=0; i<table.rows[1].cells.length; i++)
{
txt = txt + table.rows[1].cells[i].headers + "<br>";
}
document.getElementById("demo").innerHTML=txt;
var txt = "";
for (var i=0; i<table.rows[1].cells.length; i++)
{
txt = txt + table.rows[1].cells[i].headers + "<br>";
}
document.getElementById("demo").innerHTML=txt;
尝试一下 »
实例
改变 id 为 "myTh" 的 <th> 元素的 headers 属性的值:
document.getElementById("myTh").headers="newValue";
尝试一下 »
相关文章
HTML 参考手册:HTML <th> headers 属性
点我分享笔记