Internet Explorer lastChild.id not working correctly.

Question

For chrome, firefox, and safari the following code seems to work and be able to retrieve the id of the last tr in a table.

var table = document.getElementById( tableId );
    var rowid = table.lastChild.lastChild.id;

The goal is to use each rows id to keep track of what row number it is. I am using javascript to dynamcially add and remove rows. The problem is that I need a unique identifier for each row so that rows can be removed. If say there are 4 rows and row 2 is removed, the count will be 1, 3, 4. If another row is added, it can't be 4 or there will be duplicate 4's. The correct way would be to renumber everything, (but there are many elements in each row tied to their count, thus making it near hard to re-number)

Is there a better way to be doing this? Or is there a simple fix for IE javascript?

Answer 1

try this:

var table = document.getElementById( tableId );
var trArr = table.getElementsByTagName('tr');
var tdArr = trArr[trArr.length - 1].getElementsByTagName('td');
var rowid = tdArr[tdArr.length - 1].id;