HTML DOM TableHeader headers 屬性

2018-08-04 20:41 更新

TableHeader headers 屬性

TableHeader 對(duì)象參考手冊(cè) TableHeader 對(duì)象

實(shí)例

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

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

x 輸出結(jié)果為:

fname

嘗試一下 ?

定義和用法

headers 屬性設(shè)置或返回 headers 屬性的值。

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


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


語(yǔ)法

返回 headers 屬性:

tableheaderObject.headers

設(shè)置 headers 屬性:

tableheaderObject.headers=header_ids

屬性值

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

技術(shù)細(xì)節(jié)

返回值: 字符串,包含一個(gè)空格分隔的表頭單元格標(biāo)識(shí)符的列表。


更多實(shí)例

實(shí)例

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

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;

嘗試一下 ?

實(shí)例

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

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

嘗試一下 ?


相關(guān)文章

HTML 參考手冊(cè):HTML <th> headers 屬性


TableHeader 對(duì)象參考手冊(cè) TableHeader 對(duì)象

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)