Table tHead 屬性
Table 對(duì)象定義和用法
tHead 屬性返回表格的 thead 元素的引用。
thead 元素用于組合 HTML 表格的表頭內(nèi)容。
語(yǔ)法
tableObject.tHead
瀏覽器支持
所有主要瀏覽器都支持 tHead 屬性
實(shí)例
實(shí)例
彈出插入 <thead> 的 HTML 元素:
<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById('myTable').tHead.innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
? <thead>
??? <tr>
????? <th>Month</th>
????? <th>Savings</th>
??? </tr>
? </thead>
? <tfoot>
??? <tr>
????? <td>Sum</td>
????? <td>$180</td>
??? </tr>
? </tfoot>
? <tbody>
??? <tr>
????? <td>January</td>
????? <td>$100</td>
??? </tr>
??? <tr>
????? <td>February</td>
????? <td>$80</td>
??? </tr>
? </tbody>
</table>
<br>
<button type="button" onclick="displayResult()">Show innerHTML of thead</button>
</body>
</html>
<head>
<script>
function displayResult()
{
alert(document.getElementById('myTable').tHead.innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
? <thead>
??? <tr>
????? <th>Month</th>
????? <th>Savings</th>
??? </tr>
? </thead>
? <tfoot>
??? <tr>
????? <td>Sum</td>
????? <td>$180</td>
??? </tr>
? </tfoot>
? <tbody>
??? <tr>
????? <td>January</td>
????? <td>$100</td>
??? </tr>
??? <tr>
????? <td>February</td>
????? <td>$80</td>
??? </tr>
? </tbody>
</table>
<br>
<button type="button" onclick="displayResult()">Show innerHTML of thead</button>
</body>
</html>
嘗試一下 ?
Table 對(duì)象
更多建議: