AJAX

appendChild, invalid child type?

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Sep 2009

Posts: 11

Reputation: Ghodmode is an unknown quantity at this point

Solved Threads: 3

Ghodmode

Offline

Newbie Poster

appendChild, invalid child type?

Oct 26th, 2009

I'd like to use JavaScript to add rows to a table. It seems like an easy idea, but it occurs to me that the parent node of the rows might technically be a TBODY element. So, I'm wondering if I use appendChild to add a table row to a table element am I doing something wrong and, more importantly, is it going to fail in browser x?

For example:

 Help with Code Tags 
 JavaScript Syntax (Toggle Plain Text) 
function addTheRow() {
	var myTable = document.getElementById('myTable');
	var newRow  = document.createElement('TR');
	var newCell = document.createElement('TD');
	newCell.appendChild( document.createTextNode('Yeah, Baby! Yeah!!') );
	newRow.appendChild( newCell );
 
	myTable.appendChild( newRow );
} // End addTheRow function
function addTheRow() {
	var myTable = document.getElementById('myTable');
	var newRow  = document.createElement('TR');
	var newCell = document.createElement('TD');
	newCell.appendChild( document.createTextNode('Yeah, Baby! Yeah!!') );
	newRow.appendChild( newCell );

	myTable.appendChild( newRow );
} // End addTheRow function

Should I do something to identify the TBODY element and add the element to that instead?

Thank you.

--
-- Ghodmode

•

Join Date: Jul 2009

Posts: 180

Reputation: codejoust is an unknown quantity at this point

Solved Threads: 20

codejoust

Offline

Junior Poster

Oct 26th, 2009

Do-- document.getElementById('myTable').getElementsByTagName('tbody')[0] to get the tbody instead of the whole table if you want to.
Typically, browsers will try to 'fix' your markup by automatically inserting tbody.

Last edited by peter_budo; Oct 27th, 2009 at 10:24 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks)

CodeJoust! Design + Development - Proud User of Ubuntu