42、（案例）动态生成表格

最新推荐文章于 2021-11-30 21:19:27 发布

辛勤小王子

最新推荐文章于 2021-11-30 21:19:27 发布

阅读量403

点赞数

分类专栏： # Java Web学习笔记文章标签： javascript

本文链接：https://blog.csdn.net/qq_37917691/article/details/106031870

版权

Java Web学习笔记专栏收录该内容

124 篇文章 1 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
 <head>
	
 </head>
 <body>
 	行：<input type="text" id="h"/>
	列：<input type="text" id="l"/>
	<br/>
	<input type="button" value="生成" onclick="add2();"/>
	<div id="divv"></div>
	
 </body>

 <script type="text/javascript">
	function add2(){
		//得到输入的行和列的值
		var hang = document.getElementById("h").value;
		var lie = document.getElementById("l").value;

		//把表格代码放到一个变量中
		var tab = "<table border='1' bordercolor='blue'>";
		//循环行
		for(var i=1;i<=hang;i++){
			tab+="<tr>";
			//循环单元格
			for(var j=1;j<=lie;j++){
				tab+="<td>aaa";

				tab+="</td>";
			}
			tab+="</tr>";
		}

		tab+="</table>";
		var divv = document.getElementById("divv");
		divv.innerHTML=tab;
	}
	
</script>
</html>