<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>