天天看点

Table tFoot 属性

Table 对象

定义和用法

tFoot 属性返回表格的 tfoot 元素的引用。

tfoot 元素用于 HTML 表格的底部内容组。

语法

tableObject.tFoot

浏览器支持

Table tFoot 属性
Table tFoot 属性
Table tFoot 属性
Table tFoot 属性
Table tFoot 属性

所有主要浏览器都支持 tFoot 属性

实例

弹出插入 <tfoot> 中的HTML:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</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>

            <td>Sum</td>

            <td>$180</td>

</tfoot>

<tbody>

     <tr>

         <td>January</td>

         <td>$100</td>

     </tr>

         <td>February</td>

         <td>$80</td>

</tbody>

</table>

<br>

<button type="button" onclick="displayResult()">显示底部内容</button>

</body>

</html>

Table 对象