How to change table cell id using javascript

Question

I tried this but did not work.

tbl1.rows[0].cells[0].id ='myId'; 

and it also does not work

 tbl1.rows[0].cells[0].setAttribute("id","newid"); 

How can i do this?

EDIT: When viewing the source of the page, the identifier does not change, but when we check the use of Firebug, a new identifier appears.

thanks

Answer 1

That should work. If this is not the case, there may be an error somewhere else, or the selector is not correct.

See a working demo .

Edit

Just found that this does not work in firefox.

Try

 document.getElementById("tbl1").rows[0].cells[0].id = "myId"; 

Answer 2

Are you sure tbl1.rows[0].cells[0] defined? Because if this is a valid DOM element, just setting the id property should be enough.

Answer 3

If tbl1 points to an existing DOM table entry, this should work. Do you expect the page to load before the destination tbl1? Tbl1 may not be receiving the intended use.