appendChild creates TBODY

[Contrid]

Hey there,

I have a TABLE element with ID attribute "newCreationTable".
Then, I have the following piece of code below to add a row to the table :

var newRow = document.createElement('tr');
var newCreationTable = document.getElementById('newCreationTable');
newCreationTable.appendChild(newRow);

...but unfortunately it creates a TBODY opening and closing tag.
How can I prevent the creation of the TBODY tag?

Reason why I want to prevent this, is because when I execute the code shown above for the 2nd, 3rd, etc.. time, the TABLE is malformed, since the TR elements are created after the TBODY closing tag.

Thanks for your help!

[mrhoo]

tr elements are descended from thead, tfoot or tbody elements in all modern browsers. If you do not specify one of these, a tbody is created to contain the trs before the table is rendered on the screen.

[felgall]

All tables must have at least one tbody to contain the table rows. If you don't define your table correctly then you force the browser to insert the tbody for you. JavaScript wont allow you to create an incorrect table and so generates the required tbody if you don't create it yourself. The tbody tag identifies the body of the table and comes after the thead and tfoot sections which define the head and foot sections of the table respectively. thead and tfoot are optional and you can have zero or one of each. you can have more than one tbody but you cannot have less than one as with no tbody you have nowhere to put the content of the table. All tr elements must be contained within a thead, tfoot, or tbody.

The reason you have the problem is that you are using createElement to create parts of a table instead of using the correct DOM calls that exist for working with tables. See http://javascript.about.com/library/bldom15.htm for a list of the DOM commands that you should be using when working with a table.

[Mittineague]

Maybe you could explicitly create your own tbody tags where you want them to be.

[the DtTvB]

Use insertRow* and insertCell**, instead.

* MSDN MDC
** MSDN MDC

[gebura]

i 've got the same problem.

The way i use to resolv this.

create a tbody element in your table

use getElementById('tbody_id') instread of getElementById('table_id')

that's work fine.

you can see the code in http://gebura.gebura.eu.org/work/design/diablotin/Devis but
-it isn't finished.
-it has been wrote in french (var , function names...)

[SimplyFu]

it is better that you detect tbody existence before proceeding with adding tr elements.

[Contrid]

I think it was a bit late and I was tired when I posted this.

Basically, what I did to fix this is manually create the TBODY tags and then insert the TR elements into the TBODY tags instead of the TABLE tags.

Thanks for your help guys!

[Pepejeria]

Post a minimized test case instead of posting and url with lots of irrelevant JavaScript files. That way it will be easier to help you. And hey, who know, you might find the bug by minimizing the code into a testcase.

[Contrid]

Post a minimized test case instead of posting and url with lots of irrelevant JavaScript files. That way it will be easier to help you. And hey, who know, you might find the bug by minimizing the code into a testcase.

Whom are you referring to ?

[Pepejeria]

Sorry, I posted that in the wrong thread