TableHeader headers 屬性
實(shí)例
返回 id 為 "myTh" 的 <th> 元素的 headers 屬性的值:
var x = document.getElementById("myTh").headers;
document.getElementById("demo").innerHTML=x;
document.getElementById("demo").innerHTML=x;
x 輸出結(jié)果為:
fname
嘗試一下 ?
定義和用法
headers 屬性設(shè)置或返回 headers 屬性的值。
headers 屬性規(guī)定一個(gè)包含當(dāng)前數(shù)據(jù)單元格的表頭信息的表頭單元格列表。
瀏覽器支持
所有主流瀏覽器都支持 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;
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 屬性
更多建議: