Get Cell Location
dom, html-table, javascript
Solution
In the handler, `this` is the table cell, so for the cell index do this:
var cellIndex = this.cellIndex + 1; // the + 1 is to give a 1 based index
and for the row index, do this:
var rowIndex = this.parentNode.rowIndex + 1;
Example: http://jsfiddle.net/fwZTc/1/
Problem
So I have this table, and when I click on a `td` I would like to know where is that(which row and cell) without any attributes on the elements. ``` <table> <tbody> <tr> <td>1</td> <td>2</td> // If I click on this I would like to know tr:1 & td:2 <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </tbody> </table> ``` Javascript: ``` // Track onclicks on all td elements var table = document.getElementsByTagName("table")[0]; var cells = table.getElementsByTagName("td"); // for(var i = 1; i < cells.length; i++){ // Cell Object var cell = cells[i]; // Track with onclick cell.onclick = function(){ // Track my location; // example: I'm in table row 1 and I'm the 2th cell of this row } } ```