HTML DOM TableHeader headers 屬性

2018-08-04 20:41 更新

TableHeader headers 屬性

TableHeader 對象參考手冊 TableHeader 對象

實例

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

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

x 輸出結果為:

fname

嘗試一下 ?

定義和用法

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

headers 屬性規(guī)定一個包含當前數(shù)據(jù)單元格的表頭信息的表頭單元格列表。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 headers 屬性。


語法

返回 headers 屬性:

tableheaderObject.headers

設置 headers 屬性:

tableheaderObject.headers=header_ids

屬性值

描述
header_ids 規(guī)定一個空格分隔的一個或多個與表格單元格相關的表頭單元格的 id 列表。

技術細節(jié)

返回值: 字符串,包含一個空格分隔的表頭單元格標識符的列表。


更多實例

實例

顯示第二行的單元格表頭:

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 對象

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號