HTML DOM td / th header atribut
td / benda th Definisi dan Penggunaan
set properti header atau mengembalikan kepala saat daftar yang berisi data unit sundulan informasi header.
Nilai atribut ini adalah nama yang termasuk dalam tanda kutip, nama-nama ini dengan atribut id didefinisikan dalam nama sel header tabel yang berbeda.
tatabahasa
Pengaturan header sifat:
tdObject.headers="header_ids"
or
thObject.headers="header_ids"
or
thObject.headers="header_ids"
Pengembalian header atribut:
tdObject.headers
or
thObject.headers
or
thObject.headers
Tip: properti headertidak memiliki nilai default.
| 值 | 描述 |
|---|---|
| header_ids | 定义以空格为分割符的表头单元id列表 |
Dukungan Browser
Semua browser utama mendukung header atribut
contoh
contoh
Baris kedua dari header:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
for (var i=0;i<table.rows[1].cells.length;i++){
alert(table.rows[1].cells[i].headers);
}
}
</script>
</head>
<body>
<table id="myTable" border="1" width="100%">
<tr>
<th id="name">名称</th>
<th id="email">Email</th>
<th id="phone">电话</th>
<th id="addr">地址</th>
</tr>
<tr>
<td headers="name">John Doe</td>
<td headers="email">[email protected]</td>
<td headers="phone">+45342323</td>
<td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取第二行的单元格表头</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
for (var i=0;i<table.rows[1].cells.length;i++){
alert(table.rows[1].cells[i].headers);
}
}
</script>
</head>
<body>
<table id="myTable" border="1" width="100%">
<tr>
<th id="name">名称</th>
<th id="email">Email</th>
<th id="phone">电话</th>
<th id="addr">地址</th>
</tr>
<tr>
<td headers="name">John Doe</td>
<td headers="email">[email protected]</td>
<td headers="phone">+45342323</td>
<td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取第二行的单元格表头</button>
</body>
</html>
Coba »
td / benda th