IE vs Firefox first row in the table

[rspark07]

Hi there. I'm having a problem in which Firefox views the 1st row of a table as rows[0], but IE is saying there is no rows[0] and the first row is rows[1].

What is possibly going on here?

Here is the code I use.

document.getElementById('dynTable').rows[i].cells[0].firstChild.value;

If I set i = 0, then IE returns me an 'error Object required'. However the same code in Firefox works fine. I then set i = 1 then IE works fine, but Firefox does not work.

[rspark07]

Hi there. I'm having a problem in which Firefox views the 1st row of a table as rows[0], but IE is saying there is no rows[0] and the first row is rows[1].

What is possibly going on here?

Here is the code I use.

document.getElementById('dynTable').rows[i].cells[0].firstChild.value;

If I set i = 0, then IE returns me an 'error Object required'. However the same code in Firefox works fine. I then set i = 1 then IE works fine, but Firefox does not work.

I found the problem. I can't use document.getElementById('dynTable')..


I declared my table as follows:

theTable = (document.all) ? document.all.dynTable :
document.getElementById("dynTable")
theTableBody = theTable.tBodies[0]

And the code that works in both browsers is

theTableBody.getElementById('dynTable').rows[i].cells[0].firstChild.value;

Does anyone know why this works, but my initial code does not?

[acoder]

Does anyone know why this works, but my initial code does not?

Show the HTML code for the table.

[rnd me]

it depends on your doctype i believe. with some combinations of doctypes and browsers, tbodies are virtually added, or not.

[acoder]

theTableBody.getElementById('dynTable').rows[i].cells[0].firstChild.value;

getElementById() is a method of document, not a TBODY object.