Javascript DOM create input fields

[Sebarry]

Hi,

I use the following code to create a couple of input fields at run-time. It works fine in Firefox but it doesn't do anything in Internet Explorer and no errors are given. The DOM created elements are appended to a div called appendTo.

var className = "";
 
if( window.ActiveXObject )
    className = "className";
else
    className = "class";
 
var row = document.createElement( "tr" );
 
var column = document.createElement( "td" );
column.setAttribute( "height", "25" );
column.setAttribute( "valign", "middle" );
column.setAttribute( "width", "430" );
column.setAttribute( className, "body_text_11_bold" );
 
var text = document.createTextNode( "Break out page link index" );
column.appendChild( text );
row.appendChild( column );
document.getElementById( 'appendTo' ).appendChild( row );
 
row = document.createElement( "tr" );
 
column = document.createElement( "td" );
column.setAttribute( "height", "25" );
column.setAttribute( "valign", "middle" );
column.setAttribute( "width", "430" );
 
var input = document.createElement( "input" );
input.setAttribute( "id", "breakOutIndex" );
input.setAttribute( "name", "breakOutIndex" );
input.setAttribute( className, "formDrop" );
input.setAttribute( "type", "text" );
 
column.appendChild( input );
row.appendChild( column );
document.getElementById( 'appendTo' ).appendChild( row );
 
row = document.createElement( "tr" );
 
column = document.createElement( "td" );
column.setAttribute( "height", "25" );
column.setAttribute( "valign", "middle" );
column.setAttribute( "width", "430" );
column.setAttribute( className, "body_text_11_bold" );
 
text = document.createTextNode( "Break out page menu text" );
 
column.appendChild( text );
row.appendChild( column );
document.getElementById( 'appendTo' ).appendChild( row );
 
row = document.createElement( "tr" );
 
column = document.createElement( "td" );
column.setAttribute( "height", "25" );
column.setAttribute( "valign", "middle" );
column.setAttribute( "width", "430" );
 
input = document.createElement( "input" );
input.setAttribute( "id", "breakOutMenu" );
input.setAttribute( "name", "breakOutMenu" );
input.setAttribute( className, "formDrop" );
input.setAttribute( "type", "text" );
 
column.appendChild( input );
row.appendChild( column );
document.getElementById( 'appendTo' ).appendChild( row );
 

Thanks,

Sean

[acoder]

Do you have a tbody tag? IE requires the tr elements to be appended to the tbody.