HTML DOM TableRow deleteCell() Method

HTML DOM Table deleteRow( ) Method

Last Updated : 03 Oct, 2024

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.

Syntax

tableObject.deleteRow(index)

Parameters Used

index :It is used to specify the position of the row to be deleted. The value 0 results in the deletion of the first row whereas -1 can be used to delete the last row.

Example 1: Deleting the first row from a table.

html

<!DOCTYPE html>
<html>

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

<body>

    <h1>GeeksforGeeks</h1>
    <h2>Table deleteRow() method</h2>

    <p>To delete the first row from the table,
        double-click the "Delete Row" 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="row()">
        Delete Row
    </button>

    <script>
        function row() {
            // delete row (index-0).
            document.getElementById("Courses").deleteRow(0);
        }
    </script>
</body>

</html>

Output:

deleteRow

Delete row

Supported Browsers:

Apple Safari
Firefox
Google Chrome
Opera

HTML DOM TableRow deleteCell() Method

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

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. [GFGTABS] html <!DOCTYPE html> <html> <

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. [GFGTABS] html <!DOCTYPE html> <html> <h

HTML DOM Table deleteCaption() Method

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.deleteC

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 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 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 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 deleteFromDocument() method

The deleteFromDocument() method deletes the selected text from the document's DOM tree. Syntax: selectedText.deleteFromDocument() Parameters: No parameters Example: The example deletes the selected text by clicking a button. Upon clicking the button, the Window.getSelection() method gets the selecte

HTML DOM Local Storage clear() Method

The clear() method removes all the Storage Object items for the current domain. Syntax: localStorage.clear() Property Values: No Property Values Example: Set item, clear, and display for the current domain. C/C++ Code <!DOCTYPE html> <html> <head> <st