求一个动态tabel 和动态增加td 内容的代码

比如： var oper="601,602,603,601,602,603,602,603,601,602,603,602,603,601,602,603,602";我是要把这些数据与到表格里：

解决方案 »

  1.   

    把这些代码放在.HTM中就可以看到运行效果了
      

  2.   

    主要用到tabobj.insertRow()
    tabobj.insertCell()
    tabobj.deleteRow(i)
    等等这些方法。
      

  3.   

    <html>
      <head>
       <title>test page</title>
       <script type='text/javascript'>
         <!--
     
       function createTable4() {
       var oper="601,602,603,604,605,606,607";
       var targetArray = oper.split(",");
       var len = targetArray.length; //保存数组长度，在for循环时不用重复计算
    // alert(len);
    var cellcount = 3;//行的列数，可以按自己的要求修改
        var data = new Array();
        
        data.push('<table border=1><tbody>');
           for (var i = 0; i < len; i++) {
            data.push('<tr>');
            for (var j = 0; j < cellcount; j++) {
             data.push('<td>' + targetArray[i]  + '</td>');
            }
            data.push('</tr>');
           }
           data.push('</tbody><table>');
           
           document.getElementById('table1').innerHTML = data.join('');
       }    
         //-->
       </script>
      </head>
     <body>
      <div id="table1" style="border: 1px solid black">
      </div>   <script>
     
       createTable4();
      </script>
     </body>
    </html>
    这个怎么一行显示三个呢？？？
      

  4.   

    lz是要一行显示三个呢，还是不要一行显示三个？
    目前的代码在IE上显示已经是一行三个了，这里设的。
    var cellcount = 3;//行的列数，可以按自己的要求修改
      

  5.   

    lz是说重复了？
    试着改了4楼的代码<html>
      <head>
       <title>test page</title>
       <script type='text/javascript'>
         <!--
     
       function createTable4() {
       var oper="601,602,603,604,605,606,607";
       var targetArray = oper.split(",");
       var cellcount = 3;//行的列数，可以按自己的要求修改
       var len = parseInt(targetArray.length/cellcount) +1; //保存数组长度，在for循环时不用重复计算
        var data = new Array();
        var count = 0;
        data.push('<table border=1><tbody>');
           for (var i = 0; i < len; i++) {
            data.push('<tr>');
            for (var j = 0; j < cellcount; j++) {
    var str = targetArray[count] ? targetArray[count] : "&nbsp;";
             data.push('<td>' + str  + '</td>');
     count++;
            }
            data.push('</tr>');
           }
           data.push('</tbody><table>');
           
           document.getElementById('table1').innerHTML = data.join('');
       }    
         //-->
       </script>
      </head>
     <body>
      <div id="table1" style="border: 1px solid black">
      </div>   <script>
     
       createTable4();
      </script>
     </body>
    </html>
      

  6.   

    谢谢楼上的，var str = targetArray[count] ? targetArray[count] : "&nbsp;";是什么意思
      

  7.   

    <div id="testTable"></div><script type="text/javascript">
    var oper="601,602,603,601,602,603,602,603,601,602,603,602,603,601,602,603,602";
    var p=oper.split(',');
    var col = 4; // 创建多少列
    var s=[];
    var r= Math.ceil(p.length/col);
    s.push("<table >");
    for(var i=0;i<r;i++)
    {
        s.push("<tr>");
        for(var j=0;j<col;j++)
        {
            s.push("<td>");
            if(i*col+j<p.length){
                s.push(p[i*col+j]);
            }
            s.push("</td>");
        }
        s.push("</tr>");
    }
    s.push("</table>");
    document.getElementById("testTable").innerHTML = s.join('');
    </script>
      

  8.   

    var str = targetArray[count] ? targetArray[count] : "&nbsp;"
    三目运算：var str = 条件（true / false）? 参数1 : 参数2相当于
    var str;
    if(条件（true / false）) str = 参数1;
    else str = 参数2;