HTML DOM TableRow sectionRowIndex Property
Last Updated :
06 Jun, 2022
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
Share your thoughts in the comments
Please Login to comment...