Question

Im trying do this basically:

    var tr = document.createElement('tr');     var td = document.createElement('td');     td.appendChild(document.createTextNode('<input class='param' type='text' name='dummy' value='fred'/>'));     tr.appendChild(td); 

but it just displays the input… as normal text, how do I insert it so that it works as i require..?

im guessing its the createTextNode that needs to be changed?

Cheers

Answer 1

You could either

td.innerHTML = '<input class='param' type='text' name='dummy' value='fred'/>'; 

or

var ip = document.createElement( 'input' ); ip.className = 'param'; ip.type = 'text'; ip.name = 'dummy'; ip.value = 'fred';  td.appendChild( ip ); 

EDIT

ie won’t allow the type of a form element to be changed dynamically. I’m pretty sure this only applies when the element already has a type and has already been inserted into the DOM. Best to check though. If it doesn’t work use method 1