Table Object: rows[] and cells[]

[e271828]

Is there a way to specify more than one row or cell collection in the
JS table object? Consider this:

var x=document.getE lementById('myT able').rows[1].cells
x[0].innerHTML="NEW CONTENT"

This selects the second row (rows[1]) and the first cell (x[0]). How
would I select the first and second rows, and first - fifth rows, for
example? I would think something like the following:

var x=document.getE lementById('myT able').rows[0,1].cells
x[0,1,2,3,4].innerHTML="NEW CONTENT"

or perhaps

var x=document.getE lementById('myT able').rows[0-1].cells
x[0-4].innerHTML="NEW CONTENT"

But neither works. Any suggestions? A test example is here:
http://www.w3schools.com/js/tryit.as...tablerow_cells.

[Martin Honnen]

e271828 wrote:

var x=document.getE lementById('myT able').rows[0,1].cells
x[0,1,2,3,4].innerHTML="NEW CONTENT"

Write two nested loops then that do the job.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Evertjan.]

Martin Honnen wrote on 20 jun 2006 in comp.lang.javas cript:

e271828 wrote:

var x=document.getE lementById('myT able').rows[0,1].cells
x[0,1,2,3,4].innerHTML="NEW CONTENT"

Write two nested loops then that do the job.

Write a function:

function fillCell(r,c,t) {
var x=document.getE lementById('myT able');
x.rows[r].cells[c].innerHTML = t;
};

test it:

fillCell(0,0,"N EW CONTENT");

and then go a-looping as Martin suggested if the above works.

for(var r=0;r<2;r++)
for(var c=0;c<5;c++)
fillCell(r,c,"N EW CONTENT");

not tested.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)