Populating multiple table columns with Ajax

[skip]

Hi all,

lets say I have 6 tables with the TH running down the left hand side of each table and each table has 4 td columns which follow the th.

in the first table I have a select box and based on that selection I would like to populate the first td column using ajax - I can pull the data from a mysql table with php I just need a simple way to access the table with javascript and populate the first, secound, third and forth columns without having to id each table field and use document.getElementById('IDname').innerHTML for every single one.

I hope that makes sense

cheers all in advance

[johanafm]

element nodes share methods with document, such as
getElementById
getElementByClassName
getElementByTagName

and properties such as
childNodes

And you also have properties like
nextSibling
previousSibling
parentNode

So while document.getElementsByTagName('tr') would retrieve all tds in a document, if el is a table el.getElementsByTagName('tr') retrieves all tds of that table and if el2 is a tr, el2.getElementsByTagName('tr') retrieves all of that row's tds.