In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > HTML DOM > methods > refresh (table)

refresh method (table)

Browser support:

Refreshes the contents and visual appearance of the current table.

This method is useful if the browser does not visualize the changes made on a table.

Syntax:

object.refresh ( );

You can find the related objects in the Supported by objects section below.

Return value:

This method has no return value.

Example HTML code 1:

This example illustrates the use of the refresh method:

<head>
    <style>
        .ruleToRemove {
            color:#FF0000;
        }
    </style>
    <script type="text/javascript">
        function RemoveRule () {
                // removes the ruleToRemove style rule that affects the table
            var style = document.styleSheets[0];
            style.removeRule (0);

                // refreshes the table 
            var table = document.getElementById ("myTable");
            table.refresh ();
        }
    </script>
</head>
<body>
    <button onclick="RemoveRule ();">Remove a rule and refresh the table!</button>
    <table id="myTable" border="1px" class="ruleToRemove">
        <tbody>
            <tr>
                <td>First row.</td>
            </tr>
            <tr>
                <td>Second row.</td>
            </tr>
        </tbody>
    </table>
</body>