HTML | DOM Table width Property

HTML | DOM Table tFoot Property

Last Updated : 08 Sep, 2021

The Table tFoot property is used for returning a reference to the <tfoot> element of a table. The <tfoot> element is used for grouping the footer content in an HTML table.
It returns NULL if the <tfoot> element is not defined.
Syntax

tableObject.tFoot

Return Value: A reference to the <tfoot> element of the table, or null if it is not defined

Below program illustrates the Table TFoot() property :
Example: Alerting the innerHTML of <tfoot> element.

html

<!DOCTYPE html>
<html>

<head>
    <title>Table tFoot Property in HTML
  </title>
    <style>
        table,
        td {
            border: 1px solid green;
        }
        
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>

    <h1>GeeksforGeeks</h1>
    <h2>Table tFoot Property</h2>

    
<p>To return the innerHTML of the tfoot 
      element for the table, double-click the
      "Return Footer" button.</p>


    <table id="Courses" align="center">
        <thead>
            <tr>
                <th>Subject</th>
                <th>Courses</th>
            </tr>
        </thead>
        <tr>
            <td>Java</td>
            <td>Fork Java</td>
        </tr>
        <tr>
            <td>Python</td>
            <td>Fork Python</td>
        </tr>
        <tr>
            <td>Placements</td>
            <td>Sudo Placement</td>
        </tr>
        <tfoot>
            <tr>
                <td>Sample</td>
                <td>Footer</td>
            </tr>
        </tfoot>

    </table>
    <br>

    <button ondblclick="tfoot()">
      Return Footer
  </button>

    <script>
        function tfoot() {
          
            // returning reference of tFoot
            // using alert
            alert(document.getElementById(
              "Courses").tFoot.innerHTML);
        }
    </script>

</body>

</html>

Output:
Before clicking the button:

After clicking the button:

Supported Browsers:

Google Chrome 6.0
Internet Explorer 10.0
Firefox 16.0
Apple Safari 5.0
Opera 10.6Opera

HTML | DOM Table width Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Table tHead Property

The Table tHead property is used for returning a reference to the <thead> element of a table. The <thead> element is used for grouping the header content in an HTML table. It returns NULL if the <thead> element is not defined.Syntax tableObject.tHeadReturn Value : A reference to th

HTML | DOM Table width Property

The Table width property in HTML DOM is used to set or return the value of the width attribute of a table. Note: This property is not supported by HTML5. Syntax: It returns the width property of a table.tableObject.width;It is used to set the width property of a table.tableObject.width ="pixels"; At

HTML DOM TFoot align Property

The HTML DOM TFoot align Property is used to set or return the horizontal alignment of the content within the <thead> element. It is not supported by HTML 5. Syntax: tfootObject.align = "left | right | center | justify | char" Property Values left: It sets the text left-align.right: It sets th

HTML DOM Table frame Property

The HTML DOM Table frame property is used to set or return the value of the frame attribute of an <table> element. The frame attribute is used to specify the visibility of outside borders. Note: This property is not supported by HTML5 Syntax It is used to return the frame property. tableObject

HTML DOM Table rules Property

The HTML DOM Table rules property is used to set or return the value of the rules attribute of the <table> tag. The rules attribute is used to define which part of the borders should be visible. Note: This property is no longer supported in HTML5. Syntax It returns the rules property. tableObj

HTML | DOM TableRow align Property

The HTML DOM TableRow align Property is used to set or return the horizontal alignment of the content within the table row. It is not supported by HTML 5. Syntax: It returns the align property. TableRowobject.align It sets the align property. TableRowObject.align = "left | right | center | justify |

HTML DOM TFoot vAlign Property

The HTML DOM TFoot vAlign property is used to set or return the value of the vAlign attribute of the <tfoot> element. The vAlign attribute is used to specify the vertical alignment of the text content inside the table footer element. Note: This property is no longer supported in HTML5. Syntax

HTML | DOM Style tableLayout Property

The DOM Style tableLayout property is used to set or return how a table and its cells, rows, and columns should be laid out. Syntax: It returns the tableLayout Propertyobject.style.tableLayoutIt used to set the tableLayout Propertyobject.style.tableLayout = "auto | fixed | initial | inherit" Return

HTML DOM Table Summary Property

The HTML DOM Table Summary Property is used to set or return the value of the summary attribute of a <table> element. The summary attribute is used to define the summary of the table. Note: This property is not supported by HTML5 Syntax: It is used to return the Table Summary property.tableObj

HTML | DOM Table caption Property

The Table caption property returns the <caption> element of a table which is used to define the caption for a table. Only one caption can be assigned to a table and the caption entered inside the <caption> element is center aligned by default. Syntax tableObject.caption Return Value: It

翻译：