HTML DOM TableHeader cellIndex Property

HTML DOM TableHeader cellIndex Property

Last Updated : 19 Jun, 2023

the TableHeader cellIndex Property in HTML DOM is used for returning the position of a cell in the cells collection of a table row.

Syntax:

It returns the cellIndex Property:

tableheaderObject.cellIndex

Return Value: It returns a numeric value that represents the position of the cell in the cells collection of a table row.

Example:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <!-- style to set border -->
    <style>
        table,
        th,
        td {
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM TableHeader CellIndex Property</h2>
    <table>
        <tr>
            <th id="gfg" onclick="myGeeks(this)">
                Username
            </th>
            <th id="gfg" onclick="myGeeks(this)">
                Id
            </th>
        </tr>
        <tr>
            <td>geeks</td>
            <td>23456</td>
        </tr>
    </table>
    <p>
        Click on TableHeader to get the CellIndex th element.
    </p>

    <!-- Script to return cellIndex Property -->
    <script>
        function myGeeks(x) {
            alert("cell index is: " + x.cellIndex);
        }
    </script>
</body>
  
</html>

Output:

Supported Browsers: The browsers supported by DOM TableHeader cellIndex Property are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

HTML DOM TableHeader cellIndex Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM TableData cellIndex Property

The TableData cellIndex Property is used for returning the position of a cell in the cells collection of a table row. Syntax: It return the cellIndex Property. tabledataObject.cellIndex Return Value: It returns a numeric value which represents the position of the cell in the cells collection of the

HTML DOM TableHeader colSpan Property

The HTML DOM TableHeader colSpan property is used to set or return the value of the colspan attribute. The colspan attribute defines the number of columns that a header cell should span. Syntax: It returns the colSpan property.tableheaderObject.colSpanIt is used to set the colSpan property.tablehead

HTML | DOM TableHeader abbr Property

The DOM TableHeader abbr Property is used to sets or returns the value of the abbr attribute. The abbr attribute is used to specify the shorter version of the content in a header cell. It has no visual effect on the ordinary web browser and can be used by screen readers. Syntax: It returns the abbr

HTML DOM Table cellPadding Property

The HTML DOM Table cellPadding property is used to set or return the value of the cellpadding attribute of the <table> element . The cellPadding attribute is used to define the space between the cell content and cell wall. Syntax: It is used to return the table cellPadding property. TableObjec

HTML DOM Table cellSpacing Property

The HTML DOM Table cellSpacing Property is used to set or return the value of the cellSpacing attribute of an <table> element. The cellSpacing attribute is used to define the spaces between the cells. Note: This property is no longer supported in HTML5. Syntax It returns the cellSpacing Proper