<html>
<script>
function createTableFun(){
var row = document.getElementById("rowId").value;
var col = document.getElementById("colId").value;
if ( row != "" && col!="") {
var divNode = document.getElementById("tableDiv") ;
var tableNode= document.getElementById("tableId");
if ( tableNode!=null ) {
divNode.removeChild ( tableNode );
}
tableNode = document.createElement("table");
tableNode.setAttribute("id","tableId");
for(var i=0;i<row;i++){
var tr = tableNode.insertRow();
for(var j=0;j<col;j++){
var tdNode = tr.insertCell();
var inputNode = document.createElement("input");
inputNode.setAttribute("type","text");
inputNode.setAttribute("value","");
tdNode.appendChild(inputNode);
}
}
divNode.appendChild( tableNode );
}
}
</script>
<body>
<form>
行<input type="text" id="rowId" />
列<input type="text" id="colId"/>
<input type="button" value="createTable" οnclick="createTableFun();"/>
</form>
<div id="tableDiv"></div>
</body>
</html>
<script>
function createTableFun(){
var row = document.getElementById("rowId").value;
var col = document.getElementById("colId").value;
if ( row != "" && col!="") {
var divNode = document.getElementById("tableDiv") ;
var tableNode= document.getElementById("tableId");
if ( tableNode!=null ) {
divNode.removeChild ( tableNode );
}
tableNode = document.createElement("table");
tableNode.setAttribute("id","tableId");
for(var i=0;i<row;i++){
var tr = tableNode.insertRow();
for(var j=0;j<col;j++){
var tdNode = tr.insertCell();
var inputNode = document.createElement("input");
inputNode.setAttribute("type","text");
inputNode.setAttribute("value","");
tdNode.appendChild(inputNode);
}
}
divNode.appendChild( tableNode );
}
}
</script>
<body>
<form>
行<input type="text" id="rowId" />
列<input type="text" id="colId"/>
<input type="button" value="createTable" οnclick="createTableFun();"/>
</form>
<div id="tableDiv"></div>
</body>
</html>