HTML实现动态单元格
<html>
<head>
<title>HTML</title>
<style type="text/css">
</style>
</head>
<body>
行：<input type="text" id="h" />
列：<input type="text" id="l" />
<br/>
<input type="button" value="生成" onclick="addThem();"/>
<div id="div1" >
</div>
<script type="text/javascript">
function addThem(){
var h=document.getElementById("h").value;
var l=document.getElementById("l").value;
var tab="<table border='1' bordercolor='gray'>";
//循环行
for(var i=0;i<h;i++){
tab+="<tr>";
for(var j=0;j<l;j++){
tab+="<td>AAAAA</td>";
}
tab+="</tr>";
}
tab+="</table>";
var div1=document.getElementById("div1");
div1.innerHTML= tab;
}
</script>
</body>
</html>
扫一扫
910
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
