听说CSDN高手如云，小弟我特来请教一个问题。

用意一楼 document.createElement("td");

解决方案 »

  1.   

    function creatElement2(tmpTreeCode,youAdd){
    var table=document.all("showTable");
    var tb = table.childNodes[0];
    var arr=tmpTreeCode.split("/");
    var inner;
    var postTr;
    var postTd;
    var i;
    var id;
    var id1;
    //alert(arr.length);
    for(i=0;i<arr.length;i++){
     if(i%5==0){
                             id1=arr[i];
     postTr=createTr(arr[i],"");  
     }
     if(i%5==1){
                               
     }
     if(i%5==3){
                             var tag=arr[i];
     if(tag=="1"){
     inner='<img  id=\"img-'+id1+'\" align=\"absmiddle\" src=\"./photospecial/images/ftv2plastnode.gif\" width=16 height=22 border=0><font id=\"font-'+id1+'\" class=\"font\">';
     }else{
     inner='<img  id=\"img-'+id1+'\" align=\"absmiddle\" src=\"./photospecial/images/lastopennode.gif\" width=16 height=22 border=0><font id=\"font-'+id1+'\" class=\"font\">';
     }
      postTr.tag=arr[i];
     }
     
     if(i%5==4){
    //********************************************************************你看这部分
     id=id1
     inner+=(arr[i]+'</font>');
     postTd=createTd("",inner);
     postTd1=createTd("",id1);
     var img="<IMG  border=0 src=\"./photospecial/images/NoPicture.jpg\" border=\"0\" width=\"50\">";
     postTd2=createTd("",img);
                             var chec="<td width=\"3%\"><input type=\"checkbox\" name=\"chec_\"  value="+id+"></td>"
     postTd0=createTd("",chec);
     postTr.appendChild(postTd0);
     postTr.appendChild(postTd1); 
     postTr.appendChild(postTd); 
      postTr.appendChild(postTd2); 
     postTr.name=arr[i];
      tb.appendChild(postTr);
    //*************************************************************************************************************
     postTd.onclick = function addnew(){doFolder(this);}
     postTd1.onclick = function addnew(){doFolder(this);}
     postTd2.onclick = function addnew(){doFolder(this);}
     postTr.oncontextmenu=function addnew1()
     {
      doCtxMenu(this);
         }
     }
    }
    }function createImg(id,text){
       var newIMG = document.createElement("IMG");  //创建html 元素
       newIMG.src=text;
       newIMG.width=50;
       newIMG.border=0;
       
       return newIMG;
    }function createTr(id,text){
       var newTr = document.createElement("tr");  //创建html 元素
       newTr.onclick="doFolder(this)";
       newTr.innerHTML = text;
       newTr.id=id;
       newTr.bgColor='#cbdaf7';
       newTr.name=""
       //newTr.tag=1;
       newTr.tag2=0;
       newTr.parentID="parent-"+parentObj.id;
       return newTr;
    }function createTd(className,text){
       var newTd = document.createElement("td");
       newTd.innerHTML = text;
       return newTd;
    }
      

  2.   

    请给出完整的首先代码！！！！
    类似这的：（这是增加行的，我现在需要能新增列的！！！！！！！）
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script type="text/javascript">
     function addRow()
      {
         var root = document.getElementById("tbody")
         var allRows = root.getElementsByTagName('tr');
         var allCells = allRows[0].getElementsByTagName('td');
         var newRow = root.insertRow();
         var newCell0 = newRow.insertCell();
         var newCell1 = newRow.insertCell();
         var newCell2 = newRow.insertCell();
         var newCell3 = newRow.insertCell();
         newCell0.innerHTML = allCells[0].innerHTML;
         newCell1.innerHTML = allCells[1].innerHTML;
         newCell2.innerHTML = allCells[2].innerHTML;
         newCell3.innerHTML = allCells[3].innerHTML;  }
      function removeRow(r)
      {
        var root = r.parentNode;
        root.deleteRow(r);
      }
     </script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>自动增加一列</title>
    </head>
    <body>
    <input type="button" onclick="addcol()">
    <table>
    <tbody id="tbody">
    <tr>
    <td>
    <select>
    <option>
    hello
    </option>
    <option>
    hi
    </option>
    </select>
    </td>
    <td>
    <input type="text" value="enter you name here" />
    </td>
    <td>
    <input type="text" value="text2" />
    </td>
    <td>
    <input type="button" value="remove"
    onclick="removeRow(this.parentNode.parentNode)" />
    </td>
    </tr>
    </tbody>
    </table>
    <table>
    <tr>
    <td>
    <input type="button" value="add" onclick="addRow()" />
    </td>
    </tr>
    </table>
    </html>
      

  3.   

    你循环所有tr
    然后在每个tr插一个td不就是添加列了嘛
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            table
            {
                width: 100%;
                border-style: solid;
                border-width: 1px;
                background:black;
            }
            
            td{
                background:white;
            }
        </style>
    </head>
    <script type="text/javascript" >
        function addNewCol() {        var currentRowSum = document.getElementById("t").rows.length;        for (var i = 0; i < currentRowSum; i++) {
                document.getElementById("t").rows[i].insertCell();
            }
        }
    </script>
    <body>
        <form id="form1" runat="server">
        <div>
        <input type="button" value="新增一列"  onclick="addNewCol()"/>
        </div>
        </form>
        <table cellspacing="1"  id="t" >
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
    </body>
    </html>
      

  5.   

    <html>
    <head>
    <title>index.html</title>
    <script type="text/javascript">
    count=1;
    function addc(){
    var trs = document.getElementsByTagName("tr");
    for(var i=0;tri<trs.length; trs++) {
    var tda=document.createElement("td");
    tda.appendChild(document.createTextNode(count++));
    trs[i].appendChild(tda);
    }
    }
    </script>
    </head>
    <body onclick="return addc();">   
      <table width=300 height=100 border=1>   
      <tr><td>&nbsp;</td></tr>   
      </table>   
      </body>
    </html>
      

  6.   

     <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <link rel="stylesheet" href="../photospecial/js/common_style.css">
    <script src="../photospecial/js/public_func.js"></script>
    <script src="../photospecial/js/public_menu.js"></script> <script>
    //单击左键创建tr(只有在创建根节点时使用)
    function creatElement2(tmpTreeCode,youAdd){
                //alert('创建row2');
                    // alert(tmpTreeCode);
    var table=document.all("showTable");
    var tb = table.childNodes[0];
    var arr=tmpTreeCode.split("/");
    var inner;
    var postTr;
    var postTd;
    var i;
    var id;
    var id1;
    //alert(arr.length);
    for(i=0;i<arr.length;i++){
     if(i%5==0){
                             id1=arr[i];
     postTr=createTr(arr[i],"");  
     }
     if(i%5==1){
                               
     }
     if(i%5==3){
                             var tag=arr[i];
     if(tag=="1"){
     inner='<img  id=\"img-'+id1+'\" align=\"absmiddle\" src=\"./photospecial/images/ftv2plastnode.gif\" width=16 height=22 border=0><font id=\"font-'+id1+'\" class=\"font\">';
     }else{
     inner='<img  id=\"img-'+id1+'\" align=\"absmiddle\" src=\"./photospecial/images/lastopennode.gif\" width=16 height=22 border=0><font id=\"font-'+id1+'\" class=\"font\">';
     }
      postTr.tag=arr[i];
     }
     
     if(i%5==4){
     id=id1
     inner+=(arr[i]+'</font>');
     postTd=createTd("",inner);
     postTd1=createTd("",id1);
     var img="<IMG  border=0 src=\"./photospecial/images/NoPicture.jpg\" border=\"0\" width=\"50\">";
     postTd2=createTd("",img);
                             var chec="<td width=\"3%\"><input type=\"checkbox\" name=\"chec_\"  value="+id+"></td>"
     postTd0=createTd("",chec);
     postTr.appendChild(postTd0);
     postTr.appendChild(postTd1); 
     postTr.appendChild(postTd); 
      postTr.appendChild(postTd2); 
     postTr.name=arr[i];
    // tb.insertBefore(postTr,parentObj.nextSibling);
      tb.appendChild(postTr);
     postTd.onclick = function addnew(){doFolder(this);}
     postTd1.onclick = function addnew(){doFolder(this);}
     postTd2.onclick = function addnew(){doFolder(this);}
     postTr.oncontextmenu=function addnew1()
     {
      doCtxMenu(this);
         }
     }
    }
    }function createImg(id,text){
       var newIMG = document.createElement("IMG");  //创建html 元素
       newIMG.src=text;
       newIMG.width=50;
       newIMG.border=0;
       
       return newIMG;
    }function createTr(id,text){
       var newTr = document.createElement("tr");  //创建html 元素
       newTr.onclick="doFolder(this)";
       newTr.innerHTML = text;
       newTr.id=id;
       newTr.bgColor='#cbdaf7';
       newTr.name=""
       //newTr.tag=1;
       newTr.tag2=0;
       newTr.parentID="parent-"+parentObj.id;
       return newTr;
    }function createTd(className,text){
       var newTd = document.createElement("td");
       newTd.innerHTML = text;
       return newTd;
    }
    //隐藏节点
    var idArr="";
    function deletTR(obj){//alert('隐藏')
                if(obj.tag=='1'){
                            deletTR1(obj);
    //alert("idArr.length=="+idArr);
    var arr=idArr.split("/");
    for(var i=0;i<arr.length;i++){
    if(arr[i]!=""){
    var ob=document.getElementById(arr[i])
    if(ob.tag2==1){
                                           ob.tag2='3';
        } 

    //changeImg(obj);
    ob.style.display   =   "none";
    //ob.parentNode.removeChild(ob);
    }
    }
    //给变当前节点前显示的小图标为+
    changeImg(parentObj);
    parentObj.tag2='3';
    //trl.style.display   =   "none";//隱藏   
    //trl.style.display   =   "block";//顯示
    idArr="";
    }

    }
    </script>
         <base href="<%=basePath %>">
    <body name="0" id="0"  topmargin=0px leftmargin=0px rightmargin=0px onload="doInit()" onselectstart="doSelect()">
        
    <table name="0table" id="0table" border="0" CELLPADDING=1 CELLSPACING=0 width="50%" class="DivTitle">
     <tr>
          <td COLSPAN=3>检索词:
      <input id="SpecialKey" size="15"   value="">ID
      <input id="SpecialID" size="5"   value="">
      <IMG onclick="seachSpecial()" src="./Icons/Query.gif" >
      </td>
     </tr>
     <tr>
          <TD ><input onclick="linkSer()" type="button" value="删除">
      </TD>
      <TD ><input onclick="litterOpen()" type="button" value="垃圾箱">
      </TD>
          <TD > <input onclick = "anlyAdd()" type="button" value="增加专题">
          </TD>
          <TD >&nbsp;&nbsp;<input id="orderSize" size="1"   value=""><input onclick="configOrderSize()" type="button" value="条排序">
          </TD>
      <td align="center"  ><font class="Page_Toobar_Select_Style">每页<<span id="pagesize" value="<%=pagesize %>"><%=pagesize %></span>>条 共<span id="rowcount" value="<%=rowcount%>"><%=rowcount %></span>条共<span id="allpgcount" value="<%=pagecount %>"><%=pagecount %></span>页
    第<span id="topage" value="<%=topage %>"><%=topage %></span>页</font>
      </td>
      <td align="center" nowrap onclick="turnpg(0)" style="cursor:hand" >
    <img src="./img/lastpage.gif" alt="上一页" value="shang"></td>
      <td align="center" nowrap onclick="turnpg(1)" style="cursor:hand" >
    <img src="./img/nextpage.gif" alt="下一页" value="xia"></td>
      <td align="center" nowrap ><input type="button" value="GO"  onclick="turnpg(2)">
    <input type="text" name="gotopg"  id="gotopg"  value=""  style="width:40px;height:18px" >
    页</td>
     
             </tr>  
        </table>
    <table class="font" id=showTable  width="100%"  >
              <tbody>
                     <tr id="head" bgcolor="#a6caf0" height="5"  ><td onclick="options()" width="3%" ><font class="font">全选</font></td><td>id</td><td>名字</td><td><font class="font">代表图片</font></td></tr>
             <tr id=<%=ENTRY_ID %> name="<%=name %>" parentID="parent-0" bgcolor="#CBDAF7"  oncontextmenu = "doCtxMenu(this)" tag="<%=ENTRY_CODE %>" tag2="0">
                    <td width="3%"><input type="checkbox"  name="chec_"  value=<%=ENTRY_ID %>></td>
    <td onclick="doFolder(this)"><%=ENTRY_ID %></td>
    <td onclick="doFolder(this)"><img id="img-<%=ENTRY_ID %>" align="absmiddle" src="<%=imgPath %>"  
                               width=16 height=22 border=0><font id="font-<%=ENTRY_ID %>" class="font"><%=name %></font>
    </td>
    <td onclick="doFolder(this)"><IMG  border=0 src="<%=url %>" border="0" width="50" > </td>         </tr>
                <tbody>
        </table>
    </body>
    </html>
      

  7.   

    7楼正解
    但为了兼容FF，最好用insertCell(-1);同样，5楼的代码中，最好用insertRow(-1);
      

  8.   

    我整合了下，写了个即可以增加也可以增加行的。
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html >
    <head>
      <script   language="javascript">   
      function   addcell(){   
          var   table=document.getElementById("tb");   
          for(var   i=0;i<table.rows.length;i++){   
              var   newCell=table.rows[i].insertCell(-1);   
      newCell.innerHTML="<input type='text' name='third' />";   
          }   
      }   
      function show(){
      for(var i=0;i<document.getElementsByName('third').length;i++){
      alert(document.getElementsByName("third")[i].value);
                   }
                     }
     function row(){
                    //在表格最后添加一行
                    var tablerow = document.getElementById('tb');
                    var index = tablerow.rows.length;
                    var tr = tablerow.insertRow(index);
                    for   (j=0;   j   <   window.tb.rows[0].cells.length;   j++)   {  
                    
    var td="td"+j;
    td = tr.insertCell(-1);
     td.innerHTML = "<input type='text'/>";
    }
                }    
      
      </script>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>增加行和列</title>
    </head><body>
        <table  border="1"   id="tb">   
          <tr   >   
      <td><input type="text" name="first" />
      </td>   
      <td   ><input type="text" name="second" />
      </td>   
          </tr>   
          <tr   >   
      <td><input type="text" name="first" />
      </td>   
      <td   ><input type="text" name="second" />
      </td>   
          </tr>   
          <tr   >   
      <td><input type="text" name="first" />
      </td>   
      <td   ><input type="text" name="second" />
      </td>   
          </tr>   
          <tr   >   
      <td><input type="text" name="first" />
      </td>   
      <td   ><input type="text" name="second" />
      </td>   
          </tr>   
      </table>   
      <input   type="button"   onclick="addcell()"   value="AddCell">   
      <input   type="button"   onclick="row()"   value="AddRow">  
      <input type="button" onclick="show()"  value="show"/>
    </body>
    </html>