HTML DOM Table deleteTFoot() 方法

月间摘星

Table deleteTFoot() 方法


定义和用法

deleteTFoot() 方法用于从表格删除 <tfoot> 元素。

提示: 表格中创建新的 tfoot 元素请使用 createTFoot() 方法。

语法


tableObject.deleteTFoot()



浏览器支持

HTML DOM Table deleteTFoot() 方法HTML DOM Table deleteTFoot() 方法HTML DOM Table deleteTFoot() 方法HTML DOM Table deleteTFoot() 方法HTML DOM Table deleteTFoot() 方法

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


实例

创建和删除 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>


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码