如何动态生成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 >

转载于:https://www.cnblogs.com/lsgoodsun/archive/2007/05/13/744717.html