Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width">
- <title>JS Bin</title>
- </head>
- <body>
- <table id="table" border="1">
- <tr>
- <th>First Name</th>
- <th>Last Name</th>
- <th>Age</th>
- </tr>
- <tr>
- <td>FN1</td>
- <td>LN1</td>
- <td>10</td>
- </tr>
- <tr>
- <td>FN2</td>
- <td>LN2</td>
- <td>20</td>
- </tr>
- <tr>
- <td>FN3</td>
- <td>LN3</td>
- <td>30</td>
- </tr>
- <tr>
- <td>FN4</td>
- <td>LN4</td>
- <td>40</td>
- </tr>
- <tr>
- <td>FN5</td>
- <td>LN5</td>
- <td>50</td>
- </tr>
- </table>
- <script>
- var table = document.getElementById("table"),rIndex,cIndex;
- // table rows
- for(var i = 1; i < table.rows.length; i++)
- {
- // row cells
- for(var j = 0; j < table.rows[i].cells.length; j++)
- {
- table.rows[i].cells[j].onclick = function()
- {
- rIndex = this.parentElement.rowIndex;
- cIndex = this.cellIndex+1;
- console.log("Row : "+rIndex+" , Cell : "+cIndex);
- console.log(this.parentElement);
- };
- }
- }
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment