I want to replace or create the table rows in the tbody section of a table, and I am trying to use innerHTML to do that.


Having done a quick googlesearch, I understand I am not meant to use innerHTML with tables.


How is the best way to replace or insert rows in a table using AJAX etc.?

Use the DOM Table object

The cells collection is an associative array where the cell ID or name plus innerHTML make up the key/value pairing.

It all looks so complicated.

I have since gone for inserting span elements.

However, I may have a go at it later.
Thanks anyhow for the link.

By the looks of it, it's pretty easy. insertRow() is a function, so you all you have to do is call it on your table. Check out the tryit for it, it works really well and is very easy to use!

I have since gone for inserting span elements.

It is actually no more difficult than what you have done by inserting spans, the principle is exactly the same, it is simply the parent location that differs.