how to change id of table cell using javascript

Question

I have tried this, but not working.

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

and this is also not working

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

how can I do this?

EDIT: When view the page source the id is not changed, but when we check using Firebug, then there is shown new Id.

Thanks

Answer 1

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

Answer 2

use jquery http://api.jquery.com/category/attributes/ i think jquery attributes will help you

Answer 3

If tbl1 points to an existing table DOM element then this should work. Are you waiting for the page to load before assigning to tbl1? Perhaps tbl1 is not getting assigned as intended.