Question

function td(id)
{
    var td=document.getElementById(id+'');
    var table = document.createElement('table');
    var tbody=document.createElement('tbody');
    var tr = document.createElement('tr');
    var tdchild = document.createElement('td');
    tdchild.innerHTML="<input type=text name=txt size=2>";
    tr.appendChild(tdchild);
    tbody.appendChild(tr);
    table.appendChild(tbody);
    td.appendChild(table);
}

I want to generate a table in side a td on click of a button. Its not happening this way?

Answer 1

Your code looks correct to me, and it seems to work as expected.

Check this fiddle.

Are you sure you are calling the td function with the right ID, and that the ID is in the td element, and not in the table element?