The TableRow sectionRowIndex property in HTML DOM is used to return the position of a row in the rows collection of a <thead>, <tbody>, or <tfoot> element.
Syntax: It returns the sectionRowIndex property.
tablerowObject.sectionRowIndex
Return Value: It returns a numeric value which represents the position of the row in the rows collection of a <thead>, <tbody>, or <tfoot> element.
Example:
html
<!DOCTYPE html> <html>
<head>
<title>
HTML DOM TableRow sectionRowIndex Property
</title>
<style>
table, th, td {
border: 1px solid green;
}
</style>
</head>
<body>
<h1>
GeeksForGeeks
</h1>
<h2>HTML DOM sectiontableRow rowIndex Property</h2>
<p>
Click on the row to get the
section index of the rows
</p>
<table>
<tr id = "GFG" onclick="myGeeks(this)">
<td>Geeks</td>
<td>Geeks</td>
<td>For</td>
<td>Geeks</td>
</tr>
<tr id = "GFG" onclick="myGeeks(this)">
<td>Geeks</td>
<td>Geeks</td>
<td>For</td>
<td>Geeks</td>
</tr>
<tr id = "GFG" onclick="myGeeks(this)">
<td>Geeks</td>
<td>Geeks</td>
<td>For</td>
<td>Geeks</td>
</tr>
</table>
<p id = "sudo"></p>
<script>
function myGeeks(x) {
alert("sectionRow index is: "
+ x.sectionRowIndex);
}
</script>
</body>
</html>
|
Output:
- Before Clocking on Button:
- after Clicking on Button:
Supported Browsers: The browsers supported by HTML DOM TableRow sectionRowIndex property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera