JavaScript 参考手册教程
HTML DOM Table tFoot 属性
HTML DOM Table tFoot 属性
Table tFoot 属性
Table 对象定义和用法
tFoot 属性返回表格的 tfoot 元素的引用。
tfoot 元素用于 HTML 表格的底部内容组。
语法
tableObject.tFoot
浏览器支持
所有主要浏览器都支持 tFoot 属性
实例
实例
弹出插入 <tfoot> 中的HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>非常教程(verydoc.net)</title>
<script>
function displayResult(){
alert(document.getElementById('myTable').tFoot.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()">显示底部内容</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>非常教程(verydoc.net)</title>
<script>
function displayResult(){
alert(document.getElementById('myTable').tFoot.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()">显示底部内容</button>
</body>
</html>
尝试一下 »
Table 对象
HTML DOM Table tFoot 属性 |
---|
JavaScript 参考手册
JavaScript 参考手册提供了完整的 JavaScript 对象、浏览器对象、HTML DOM 对象手册。手册包含了每个对象、属性、方法的实例。