<td>에서 동적 테이블 생성

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); 
} 

버튼을 클릭 할 때 테이블을 생성하고 싶습니다. 이런 식으로 일어나지 않습니까?

Answer 1

코드가 올바른 것처럼 보입니다. 예상대로 작동하는 것 같습니다.

체크 this fiddle.

올바른 ID로 td 함수를 호출하고 ID가 td 요소에 있고 테이블 요소에 없다고 확신합니까?

Answer 2

저에게 도움이됩니다. 이 기능을 실행하도록 클릭 리스너가 정의되어 있습니까? 지정된 ID로 td가 존재합니까?