zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    C# 学习历程——接口
    C# 学习历程——类的封装,继承与多态
    C# 学习历程——C#基础
    C# 学习历程——Hello World
    python(14)---发邮件、写日志、操作redis数据库
    python(13)——内置函数
    python(12)---导入模块
    HTML操作之DOM操作
    HTML基础之CSS
    HTML基础之HTML标签
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13263184.html
Copyright © 2011-2022 走看看