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

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

• asp
• javascript
• html

Share Improve this question Follow edited May 8, 2010 at 5:47 Muhammad Akhtar asked Apr 29, 2010 at 7:05 Muhammad AkhtarMuhammad Akhtar 52.2k3737 gold badges139139 silver badges191191 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

This should work. If it isn't then there might be an error somewhere else or the selector is not the correct one.

See a working demo.

Edit

Just found that this doesn't work in firefox.

Try

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

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.

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.