I need to check every cell in a table for its background image.

Ive tried using:

var x=document.getElementById('myTable').cells

To get an array with all the cells, this works in IE but firefox claims 'x has no value'.

??? ???

Is ff using a more updated version of JS? Is there another way to return all the cell elements as an array? Is this a bug in ff? All the support materials i can find tell me to access a table's cells as in the code above, so im a bit stuck now.

Cheers for feedback, good people.

You need to call it using the row:

document.getElementById("myTable").rows[0].cells

There's probably an easier way to do this but my method is to store all cells together, instead of a row by row basis, that way you can check them all through another loop (your checking for background-image interests me, how do you plan on doing that?).

var tr = document.getElementById('myTable').rows;
var td = new Array()
for(i = 0, n = tr.length; i < n; i++) {
  for(j = 0, m = tr[i].cells.length; j < m; j++) {
    td.push(tr[i].cells[j]);
  }
}

Now all you would need to do is loop through the array, an example would be:

for(k = 0, p = td.length; k < p; k++) {
  alert(td[k].innerHTML);
}

This should grab all cells, even those that are in different table sections (thead,tfoot,tbody).

Cheers,

MC

or you can set the backgrounds with CSS and set ID's for each cell then you can pull the info you need by requesting ="alert(ID.style.backfroundImage)" you may need to getElementsById for FF