天天看点

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 对象