这是哪里的问题？

function createTab(){

var tabNode = document.createElement("table");

var rownum = document.getElementsByName("rownum")[0].value;
var colnum = document.getElementsByName("colnum")[0].value;


for (x=0;x<=rownum;x++ )
{
var trNode = tabNode.insertRow();
for(y=0;y<=colnum;y++)
{
var tdNode = trNode.insertCell();
tdNode.innerHTML = x+".."+y;
}

}
document.getElementsByTagName("div")[0].appendChild(tabNode);
}

解决方案 »

  1.   


    for (x=0;x<=row;x++ )
        {
            var trNode = tabNode.insertRow();
            for(y=0;y<=col;y++)
            {
            var tdNode = trNode.insertCell();    
            tdNode.innerHTML = x+".."+y;
            }
             
        }
      

  2.   

    getElementsByName("rownum") 这种方式不对。
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style>
     
     
    </style>
    <script>
    function createTab(){
         
        var tabNode = document.createElement("table");
         
        var rownum= document.getElementById("rownum").value;
        var colnum= document.getElementById("colnum").value;
         
         
        for (x=0;x<=rownum;x++ )
        {
            var trNode = tabNode.insertRow();
            for(y=0;y<=colnum;y++)
            {
            var tdNode = trNode.insertCell();    
            tdNode.innerHTML = x+".."+y;
            }
             
        }
        document.getElementsByTagName("div")[0].appendChild(tabNode);
        }
     
    </script>
     
     
    </head>
     
    <body>
    行：<input type="text" name="rownum" id="rownum"/><br />
    列：<input type="text" name="colnum" id="colnum" /><br />
    <input type="button" value="创建表格" onclick="createTab()" /><br />
    <div>
    </div>
     
    </body>
    </html>
      

  3.   


    function createTab(){
    var tabNode = document.createElement("table"); 
    var row = document.getElementsByName("rownum")[0].value;
    var col = document.getElementsByName("colnum")[0].value;

    for (x=0;x<=row;x++ )
    {
    var trNode = tabNode.insertRow();
    for(y=0;y<=col;y++)
    {
    var tdNode = trNode.insertCell();   
    tdNode.innerHTML = x+".."+y;
    }  
    }
    document.getElementsByTagName("div")[0].appendChild(tabNode);
    }
      

  4.   

    <html>
      <head>
       <title>test page</title>
       <script type='text/javascript'>
     
       function createTable4() {
     var  row = document.getElementsByName("rownum")[0].value; 
       var col = document.getElementsByName("colnum")[0].value; 
        var data = new Array();
        
        data.push('<table border=1><tbody>');
           for (var i = 0; i < row; i++) {
            data.push('<tr>');
            for (var j = 0; j < col; j++) {
             data.push('<td>' + i + ',' + j + '</td>');
            }
            data.push('</tr>');
           }
           data.push('</tbody><table>');
           
           document.getElementById('table1').innerHTML = data.join('');
     
       }  
         //-->
       </script>
      </head>
     <body>
     行：<input type="text" name="rownum" /><br />
      列：<input type="text" name="colnum" /><br /> 
      <input type="button" value="创建表格" onclick="createTable4()" /><br /> 
      <div id="table1" style="border: 1px solid black">
      </div>  </body>
    </html> 
      

  5.   

    这是楼主跟你原来差不多的
    修改后
    <html>
      <head>
       <title>test page</title>
       <script type='text/javascript'>
     
       
    function createTable() {
           var t = document.createElement('table');
       var  row = document.getElementsByName("rownum")[0].value; 
       var col = document.getElementsByName("colnum")[0].value; 
           for (var i = 0; i < row; i++) {
            var r = t.insertRow();
            for (var j = 0; j < col; j++) {
             var c = r.insertCell();
             c.innerHTML = i + ',' + j;
            }
           }
           
           document.getElementById('table1').appendChild(t);
          t.setAttribute('border', '1');
       }     //-->
       </script>
      </head>
     <body>
     行：<input type="text" name="rownum" /><br />
      列：<input type="text" name="colnum" /><br /> 
      <input type="button" value="创建表格" onclick="createTable()" /><br /> 
      <div id="table1" style="border: 1px solid black">
      </div>  </body>
    </html> 
      

  6.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style>
     
     
    </style>
    <script>
    function createTab(){
         
        var tabNode = document.createElement("table");
         
        var row = document.getElementsByName("rownum")[0].value;
        var col = document.getElementsByName("colnum")[0].value;
         
         
        for (x=0;x<=rownum;x++ )
        {
            var trNode = tabNode.insertRow();
            for(y=0;y<=colnum;y++)
            {
            var tdNode = trNode.insertCell();    
            tdNode.innerHTML = x+".."+y;
            }
             
        }
        document.getElementsByTagName("div")[0].appendChild(tabNode);
        }
     
    </script>
     
     
    </head>
     
    <body>
    行：<input type="text" name="rownum" /><br />
    列：<input type="text" name="colnum" /><br />
    <input type="button" value="创建表格" onclick="createTab()" /><br />
    <div>
    </div>
     
    </body>
    </html>
      

  7.   

    为啥直接获取div标签对象会不显示呢？