天天看點

Table createTFoot() 方法

Table 對象

定義和用法

createTFoot() 方法用于在表格中擷取或建立 <tfoot> 元素。

注意:

如果 tfoot 元素在表格中已經存在, createTFoot()

方法傳回存在的值,不會建立一個新的 <tfoot> 元素。

提示:

在表格中移除 tfoot 元素,請使用

deleteTFoot() 方法。

文法

tableObject.createTFoot()

浏覽器支援

Table createTFoot() 方法
Table createTFoot() 方法
Table createTFoot() 方法
Table createTFoot() 方法
Table createTFoot() 方法

所有主要浏覽器都支援 createTFoot() 方法

執行個體

建立和删除 tfoot 元素:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鳥教程(runoob.com)</title>

<script>

function createTFoot(){

    var x=document.getElementById("myTable");

    if (!x.tFoot){

        var footer=x.createTFoot();

        var row=footer.insertRow(0);

        var cell=row.insertCell(0);

        cell.innerHTML="<b>This is a table footer</b>";

}

}

function deleteTFoot(){

    document.getElementById("myTable").deleteTFoot();

</script>

</head>

<body>

<table id="myTable" border="1">

    <tr>

        <td>cell 1</td>

        <td>cell 2</td>

    </tr>

    <tr>

        <td>cell 3</td>

        <td>cell 4</td>

    </tr>

</table>

<br>

<button type="button" onclick="createTFoot()">建立表格頁腳</button>

<button type="button" onclick="deleteTFoot()">删除表格頁腳</button>

</body>

</html>

Table 對象