JS 如何实现自动增加单元格

是否如阁下所需？<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT=""><style>
table{background:black;}
td
{
width:30px;
background:white;
}
</style> </HEAD><script>
function addCol()
{
var colSum = document.getElementById("colNum").value;
for(var i=0;i<colSum;i++)
{
document.getElementById("t").rows[0].insertCell();
}
}
</script>
 <BODY>
 <input id="colNum" type="text" />
 <input type="button" value="动态改变表格列数" onclick="addCol()"/>
  <table id="t" style="width:300px;height:200px;" cellpadding="0" cellspacing="1" border="1px black solid"><tr><td>第一列</td></tr></table>
 </BODY>
</HTML>

解决方案 »

  1.   

    function CreateCell()
    {
        var iCount = parseInt(document.getElementById("colNum").value);
        for(var i=0;i<iCount ;i++)
        {
            document.getElementById("t").rows[0].insertCell();
        }
    }
      

  2.   

    <script type="text/javascript">
    var j=<%=strRs("A")%>;if(a!=""){
        var outString="";
        for(i=0;i<=j;j++){
             outString+="<td>"+i+"</td>";
        }
        document.getElementById("con").innerHTML=outString;
    }
    </script>
    <table>
    <tr>
    <div id="con"></div>
    </tr>
    </table>
      

  3.   

    给你一个我以前为了写某个东西做的一个Table控制代码（最后没有投入实际使用，所以可能不够强壮）://????????????
        function CreateTable()
    {
    var tt=document.createElement("table");
    var tbody=document.createElement("tbody");
    tt.onmouseout=OutDragT;
    tbody.onmouseout=CancleBubble;
    tt.appendChild(tbody);
    tt.border='1';
    tt.id='TimeTable';
    tt.cellSpacing ="1";//???????????
    tt.borderColor="#6699ff";
    tt.align='center';
    tt.onselectstart =False; 
    for(var i=0;i<6;i++)
    {
    var tr=document.createElement("tr");
    for(var j=0;j<18;j++)
    {
    var hd=document.createElement("td");
    hd.id=i+'-'+j;
    hd.innerHTML="&nbsp;";
    hd.onmousedown = BeginDrag;
                     hd.onmousemove = OnDrag;
                     hd.onmouseup = EndDrag;
    hd.className="free";///for test
    hd.onmouseover=onshow;
    if(i==0)
    {
    hd=document.createElement("th");
    hd.className='timem';
    hd.width='30';
    if(j==0)
    {
    hd.innerHTML="&nbsp;"
    }else{
    var hour=8+Math.floor(j/2);
    var minutes=30*(j%2);
    hd.appendChild(document.createTextNode(hour+':'+minutes));
    }
    }
    if(j==0&&i!=0)
    {
    hd=document.createElement("th");
    hd.className='timem';
    hd.appendChild(document.createTextNode('?'+i));
    }
    tr.appendChild(hd);
    }
    tbody.appendChild(tr);
    }
    return tt;
    } function SetReserve(id)
    {
    document.getElementById(id)="reserved";
    }
    //??????
    function CancleBubble()
    {
    event.cancelBubble=true;
    }
    //????????
    function BeginDrag()
    {
    if (event.button != 1)
         {
             return;
         }
         OrignCell=this.id;
         CurrentCell=this.id;
         if(ModifyClass())
    {    
        dragging=true;
         }else{
         alert("????????!");
         OrignCell="";
         CurrentCell="";
         }
        }
        //????????
    function OnDrag()
    {
    if(dragging==false||this.id==CurrentCell)
    {
    return;

    }
    CurrentCell=this.id;
    if(!ModifyClass())
    {
    Reverse()
    dragging=false;
    OrignCell="";
                 CurrentCell="";
    pope.style.display = 'none';
    alert("?????????????!");

    }
    }
    //????
    function EndDrag()
    {
    if(dragging==false)
    {
    return;
    }
    dragging==false;
    pope.style.top=event.clientY
    pope.style.left=event.clientX
    pope.style.display = "";
    }
    //??????????????
    function OutDrag()
    {
    if(dragging==false)
    {
    return;
    }
    //???
    Reverse();
    dragging=false;

    }
    //Handler for mousemoveout of timetable
    function OutDragT()
    {
    var Tt=document.getElementById("TimeTable");
    if(event.clientX<=Tt.offsetLeft||event.clientX>=(Tt.offsetLeft+Tt.offsetWidth)||event.clientY<=Tt.offsetTop||event.clientY>=(Tt.offsetTop+Tt.offsetHeight))
    {
    OutDrag();
    window.status="";
    }
    }
    function False()
    {
      return false;
    }
    //??????????????
    function ModifyClass()
    {

    Reverse();

    for(var i=X1();i<=X2();i++)
    {
    for(var j=Y1();j<=Y2();j++)
    {
    var CName =document.getElementById(i+"-"+j).className;
    if(CName.indexOf("reserved")!=-1)
    {
    return false;
    }
    if(CName.indexOf("selected")!=-1)
    {
    continue;
    }
    if(CName.indexOf("free")!=-1)
    {
    document.getElementById(i+"-"+j).className="selected";
    }
    }
    }
    return true;
    }
    //??????
    function Reverse()
    {
    for(var i=1;i<6;i++)
    {
    for(var j=1;j<18;j++)
    {
    var CName =document.getElementById(i+"-"+j).className;
    if(CName.indexOf("selected")!=-1)
    {
    document.getElementById(i+"-"+j).className="free";
    }
    }
    }
    }
    //????
    function Cancel()
    {
    pope.style.display = 'none';
    OutDrag();
    dragging=false;
    }
    //????
    function Reserve()
    {
    pope.style.display = 'none';
    alert("????!")
    dragging=false;
    }
    //???????????
    function X1()
    {
    var Bx,Ex;
    var TArray=OrignCell.split('-');
    Bx=parseInt(TArray[0]);
    TArray=CurrentCell.split('-');
    Ex=parseInt(TArray[0]);
    return Bx<=Ex?Bx:Ex;

    }
    //???????????
    function X2()
    {
    var Bx,Ex;
    var TArray=OrignCell.split('-');
    Bx=parseInt(TArray[0]);
    TArray=CurrentCell.split('-');
    Ex=parseInt(TArray[0]);
    return Bx>=Ex?Bx:Ex;
    }
    //???????????
    function Y1()
    {
    var Bx,Ex;
    var TArray=OrignCell.split('-');
    Bx=parseInt(TArray[1]);
    TArray=CurrentCell.split('-');
    Ex=parseInt(TArray[1]);
    return Bx<=Ex?Bx:Ex;
    }
    //???????????
    function Y2()
    {
    var Bx,Ex;
    var TArray=OrignCell.split('-');
    Bx=parseInt(TArray[1]);
    TArray=CurrentCell.split('-');
    Ex=parseInt(TArray[1]);
    return Bx>=Ex?Bx:Ex;
    }
    //???????
    function onshow()
    {
    window.status="Cell:"+OrignCell+"::"+CurrentCell+dragging;
    }