如何動態產生table(javascript)

    function ff()
    {  var parNode = document.getElementById("table1"); 
    
    //定位到table上
        tbody = document.createElement("TBODY");
        var tr= document.createElement("tr"); //建立一個tr類型的Element節點
        var td = document.createElement("td"); //建立一個td類型的Element節點
        td.appendChild(document.createTextNode("<tr><td>1</td>"));
        tr.appendChild(td);
    
        var td = document.createElement("td"); //建立一個td類型的Element節點
        td.appendChild(document.createTextNode("<td>2</td></tr>"));
        tr.appendChild(td);
        tbody.appendChild(tr);



        var th = document.createElement("th"); //建立一個td類型的Element節點
        th.colSpan=2;
        th.appendChild(document.createTextNode("<tr><th colspan='2'>3</th></tr>"));
        var tr= document.createElement("tr"); //建立一個td類型的Element節點
        tr.appendChild(th);
        tbody.appendChild(tr);
       alert(parNode);
        parNode.appendChild(tbody);



}

<INPUT style="Z-INDEX: 101; LEFT: 392px; POSITION: absolute; TOP: 128px" type="button"
                value="Button" onclick="ff()">
            <TABLE id="Table1" style="Z-INDEX: 102; LEFT: 320px; WIDTH: 300px; POSITION: absolute; TOP: 496px; HEIGHT: 3px"
                cellSpacing="1" cellPadding="1" width="300" border="1">
            </TABLE>