js动态生成表格

 
 <script>
function createTable(){  

            var tableNode=document.createElement("table");//获得对象  

　　if(!tableNode.style.color){tableNode.style.color="blue";}

　　if(!tableNode.style.width){tableNode.style.width="100px";tableNode.style.height="100px";}

            var row=parseInt(document.getElementsByTagName("input")[0].value);             
            var cols=parseInt(document.getElementsByTagName("input")[1].value);  
          
          
         
            for(var x=0;x<row;x++){  

                var trNode=tableNode.insertRow();  
                for(var y=0;y<cols;y++){  

                    var tdNode=trNode.insertCell();  
                    tdNode.innerHTML=(x+1)+"-"+(y+1);  
                }  
            }  
            document.getElementById("div1").appendChild(tableNode);

        }
</script>
<div>
<label>行：</label><input type="text"/>
<label>列：</label><input type="text"/>
</div>
<button onclick="createTable()">生成表格</button>
<div id="div1" ></div>