How to access rows in table generated in javascript

Question

I've generated a table in my html by using this code:

 var board=document.getElementById("tab");

    for(var i=0; i<lvl1.rows; i++ )
    {

            var row=board.insertRow();

            for(var j=0; j<lvl1.cols; j++)
            {
                var cell = row.insertCell();       
            }       
    }

The point is to keep the design of the page almost totally separated from the game engine (creating a Minesweeper game). Imagine I want to change the colour of the cell in position [2][3]. How can I change the background colour of this cell if I don't have the "td's" and "tr's" in the HTML code?

Thanks

Alnitak · Accepted Answer · 2015-11-09 12:38:32Z

2

To access the ith cell of row j, use:

board.rows[j].cells[i]

answered Nov 9, 2015 at 12:38

Alnitak

341k72 gold badges420 silver badges503 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

eirikjak · Accepted Answer · 2015-11-09 12:48:51Z

0

You can set the background color style of a cell like this.

board.rows[j].cells[i].style.backgroundColor = "red";

answered Nov 9, 2015 at 12:48

eirikjak

765 bronze badges

Collectives™ on Stack Overflow

How to access rows in table generated in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related