HTML DOM Table createTFoot() 方法

[

Table createTFoot() 方法
Table 对象

定义和用法

createTFoot() 方法用于在表格中获取或创建 <tfoot> 元素。
注意:如果 tfoot 元素在表格中已经存在, createTFoot()

方法返回存在的值,不会创建一个新的 <tfoot> 元素。
提示: 在表格中移除 tfoot 元素,请使用

deleteTFoot() 方法。

语法

tableObject.createTFoot()

浏览器支持

所有主要浏览器都支持 createTFoot() 方法

实例

实例

创建和删除 tfoot 元素:


<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

<title>Break易站(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 对象

]
转载请保留页面地址:https://www.breakyizhan.com/html/22504.html

posted on 2020-07-07 21:02  MrAit  阅读(237)  评论(0编辑  收藏  举报

导航