这个怎么创建不了 table 呀？？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <script language="javascript">
  
function showoper(){
    
  var targetArray = null;
    
  var oper="601,602,603,604,232,334";//服务器传来的数组串，也可以ajax
  targetArray = oper.split(",");
  var table = document.getElementById("listTab");
  var cellcount = 4;//行的列数，可以按自己的要求修改
  var tr;//创建的行对象
    
  //以下代码自动生成单元格和文本框，并设置文本框的值
  for(var i = 0; i < targetArray.length; i++){    if (i%cellcount==0){
  tr = document.createElement("tr");
  table.appendChild(tr);
  }
  var td = document.createElement("td");//创建单元格
  td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray + "'/>";//设置单元格的内容
  tr.appendChild(td);//将生成的单元格插入行中
  }
     
  }
     </script></HEAD><BODY onLoad="showoper();">
   <table id="listTab">
  </table>
</BODY>
</HTML>
 这个怎么创建不了呀？？

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>New Document</TITLE>
    <script language="javascript">
      
    function showoper(){
        
      var oper="601,602,603,604,232,334";//服务器传来的数组串，也可以ajax
      var targetArray = oper.split(",");
      
      var table = document.getElementById("listTab");
      var cellcount = 4;//行的列数，可以按自己的要求修改
      var tr;//创建的行对象
        
      //以下代码自动生成单元格和文本框，并设置文本框的值
      for(var i = 0; i < targetArray.length; i++){     if (i % cellcount == 0){
       tr = document.createElement("tr");
       table.appendChild(tr);
       }
       var td = document.createElement("td");//创建单元格
       td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] + "'/>";//设置单元格的内容   tr.appendChild(td);//将生成的单元格插入行中
      }
    }
         </script></HEAD><BODY onLoad="showoper();">
    <table ><tbody id="listTab"></tbody>
    </table>
    </BODY>
    </HTML>和你代码的区别在于两点
    1.加了tbody
    2.td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray
    改成td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] 
      

  2.   

    if(document.all)
      table.tBodies[0].appendChild(tr);
      else
       table.appendChild(tr);
      }
      

  3.   

    var table = document.getElementById("listTab");
    ------------
    var table = document.getElementById("listTab").childNodes[0];
      

  4.   

    怎么在td  里加这个呢？？<td style='display:none;'background="pic/user.jpg">&nbsp;&nbsp;<br>
      

  5.   

    td.style.display = 'none';
    td.style.background = 'pic/user.jpg';
      

  6.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
      <TITLE> New Document </TITLE>
    <script language="javascript">
    function showoper(){
      var targetArray = null;
        
      var oper="601,602,603,604,232,334";
      targetArray = oper.split(",");
      var table = document.getElementById("listTab").firstChild;//table会自动生成tbody子元素，tr都是在tbody里面的
      var cellcount = 4;
      var tr;
        
      //以下代码自动生成单元格和文本框，并设置文本框的值
      for(var i = 0; i < targetArray.length; i++){  
      if (i%cellcount==0){
      tr = document.createElement("tr");
      table.appendChild(tr);
      }
      var td = document.createElement("td");
      td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] + "'/>";//这里value应该设置为targetArray[i]吧？
      tr.appendChild(td);
      }
    }
    </script></HEAD>
    <BODY onLoad="showoper();">
       <table id="listTab">
      </table>
    </BODY>
    </HTML>
      

  7.   

    <td style='display:block;background="pic/user.jpg"'>
      

  8.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>New Document</TITLE>
    <script language="javascript">
      
    function showoper(){
        
      var oper="601,602,603,6,04,232,3,34";//服务器传来的数组串，也可以ajax
      var targetArray = oper.split(",");
      
      var table = document.getElementById("listTab");
      var cellcount = 4;//行的列数，可以按自己的要求修改
      var tr;//创建的行对象
        
      //以下代码自动生成单元格和文本框，并设置文本框的值
      for(var i = 0; i < targetArray.length; i++){        if (i % cellcount == 0){
              tr = document.createElement("tr");
              table.appendChild(tr);
          }
          var td = document.createElement("td");//创建单元格
      td.style.display = 'none';
          td.style.background = 'pic/user.jpg';   
          td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] + "'/>";//设置单元格的内容      tr.appendChild(td);//将生成的单元格插入行中
      }
    }
         </script></HEAD><BODY onLoad="showoper();">
    <table ><tbody id="listTab"></tbody>
    </table>
    </BODY>
    </HTML><td style='display:none;'background="pic/user.jpg">加不了呀，提示参数无效
      

  9.   


    <HTML>
    <HEAD>
    <TITLE>New Document</TITLE>
    <script language="javascript">
    function showoper(){
      var oper="601,602,603,6,04,232,3,34";//服务器传来的数组串，也可以ajax
      var targetArray = oper.split(",");
      
      var table = document.getElementById("listTab");
      var cellcount = 4;//行的列数，可以按自己的要求修改
      var tr;//创建的行对象
        
      //以下代码自动生成单元格和文本框，并设置文本框的值
      for(var i = 0; i < targetArray.length; i++){        if (i % cellcount == 0){
              tr = document.createElement("tr");
              table.appendChild(tr);
          }
          var td = document.createElement("td");//创建单元格
          td.style.display = 'none';
          td.style.background = 'url("2pic/user.jpg")';//要写url("path")
          td.innerHTML = "<input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] + "'/>";//设置单元格的内容      tr.appendChild(td);//将生成的单元格插入行中
      }
    }
      </script></HEAD>
    <BODY onLoad="showoper();">
    <table ><tbody id="listTab"></tbody>
    </table>
    </BODY>
    </HTML>
      

  10.   

    td.style.background = 'url("pic/user.jpg")';//要写url("path")
      

  11.   


    呵呵，我就想background="pic/user.jpg"这句代码怎么就这么变扭呢
      

  12.   

    这么粗心，，前面没tabel么