您的位置：首页 > Web前端 > JavaScript

利用Dom+js 动态产生table 例子

2008-04-25 22:54 453 查看

<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" onclick="createTableFun();"/>
</form>

<div id="tableDiv"></div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航