Latest web development tutorials

HTML DOM TableHeader headers 屬性

TableHeader 對象參考手冊 TableHeader對象

實例

返回id 為"myTh" 的<th> 元素的headers 屬性的值:

var x = document.getElementById("myTh").headers;
document.getElementById("demo").innerHTML=x;

x輸出結果為:

fname

嘗試一下»

定義和用法

headers 屬性設置或返回headers 屬性的值。

headers 屬性規定一個包含當前數據單元格的表頭信息的表頭單元格列表。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持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;

嘗試一下»

實例

改變id 為"myTh" 的<th> 元素的headers 屬性的值:

document.getElementById("myTh").headers="newValue";

嘗試一下»


相關文章

HTML參考手冊: HTML <th> headers屬性


TableHeader 對象參考手冊 TableHeader對象