HTML | DOM Table createCaption( ) Method

HTML DOM Table deleteCaption() Method

Last Updated : 03 Oct, 2024

The Table deleteCaption() method is used for deleting a <caption> element and removing its content from the table. It can be only used if a <caption> element already exists.

Syntax:

tableObject.deleteCaption()

Example: In this example, delete table caption element using tableObject.deleteCaption() method.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        Table deleteCaption() Method in HTML
    </title>
    <style>
        table,
        td {
            border: 1px solid green;
        }
    </style>
</head>

<body>
    <h2>Table deleteCaption() Method</h2>

    <p>
        To create a Caption for the table,
        click the "Add Caption" button.
    </p>

    <p>
        To delete a Caption from the table,
        click the "Delete Caption" button.
    </p>

    <table id="Courses">
        <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>

    </table>
    <br>

    <button onclick="Add_Caption()">
        Add Caption
    </button>

    <button onclick="Delete_Caption()">
        Delete Caption
    </button>

    <script>
        function Add_Caption() {
            //  Create caption.
            let MyTable =
                document.getElementById(
                    "Courses").createCaption();

            MyTable.innerHTML =
                "<strong>GeeksforGeeks</strong>";
        }

        function Delete_Caption() {
            // Delete caption.
            document.getElementById(
                "Courses").deleteCaption();
        }
    </script>
</body>

</html>

Output:

deleteCaption — add/delete captions

Supported Browsers:

Apple Safari
Firefox
Google Chrome
Opera

HTML | DOM Table createCaption( ) Method

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Table createCaption( ) Method

The Table createCaption() method is used in a table to create <caption> which is empty. It doesn't work if there is already a <caption> element. In such a case, the createCaption() method returns the existing one.Syntax tableObject.createCaption()Return Value : The newly created (or an e

HTML DOM Table deleteRow( ) Method

The Table deleteRow() method is used for removing a <tr> element from a table. In other words, Table deleteRow() method is used for deleting row(s) at the specified index in the table. SyntaxtableObject.deleteRow(index)Parameters Usedindex :It is used to specify the position of the row to be d

HTML DOM Table deleteTFoot() Method

The Table deleteTFoot() method is used for deleting a <tfoot> element and its content from a table. It can be only used if a <tfoot> element already exists. SyntaxtableObject.deleteTFoot()Example-1: Deleting an <tfoot> element. html<!DOCTYPE html> <html> <head>

HTML DOM Table deleteTHead() Method

The Table deleteTHead() method is used for deleting a <thead> element and its content from a table. It can be only used if a <thead> element already exists. SyntaxtableObject.deleteTHead()Example-1: Deleting a <thead> element. html<!DOCTYPE html> <html> <head>

HTML DOM TableRow deleteCell() Method

The TableRow deleteCell() Method in HTML DOM is used to delete a cell from a current row in a Table. It is a predefined method of the TableRow Object. Syntax: tablerowObject.deleteCell(index) Property Values: index: It contains a numeric value that starts from 0 which defines the position of the cel

HTML | DOM Table createTHead() Method

The Table createTHead() method is used for creating an empty <thead> element and adding it to the table. It does not create a new <thead> element if a <thead> element already exists. In such a case, the createThead() method returns the existing one . The <thead> element must

HTML DOM Range deleteContents() Method

The deleteContents() method deletes all the contents of the Range from the Document tree. Syntax: range.deleteContents() Parameters: This method does not accept any parameters. Return value: This method does not return any value. Example: This example describes how to delete the current range from t

HTML | DOM Table createTFoot( ) Method

The Table createTFoot() method is used for creating an empty <tfoot> element and adding it to the table. It does not create a new <tfoot> element if a <tfoot> element already exists. In such a case, the createTFoot() method returns the existing one. The <tfoot> element must h

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

HTML DOM Table rows Collection

The Table rows collection is used for returning the collection of all the <tr> elements in a table. The sequence of the <tr> elements is sorted in the same way as their position in the source code. SyntaxtableObject.rowsProperties:length: It returns the number of <tr> elements in t