动态输出一个任意行列的表格

最新推荐文章于 2019-07-25 14:56:34 发布

zhangshengsky

最新推荐文章于 2019-07-25 14:56:34 发布

阅读量646

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/zhangshengsky/article/details/72805181

JS 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的动态表格生成示例。用户可以通过输入行数和列数来自定义表格的大小，表格样式固定且每个单元格内默认填充数字999。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		行：<input type="text" id="h"/></br>
		列：<input type="text" id="l"/></br>
		<input type="button" value="生成表格" onclick="createTable();"  />
		<div id = "div1" "></div>
		<script type="text/javascript">
			var hs =document.getElementById("h");
			var ls =document.getElementById('l');
			var dv =document.getElementById('div1');
			function createTable(){
				var tab = "<table border ='2px' style='background-color: burlywood' >";
				for(var i=0;i<hs.value;i++){
					tab += "<tr  >";
					for(var m=0;m<ls.value;m++){
						tab+="<td width='150px'>999</td>"
					}
					tab += "</tr>";
				}
				tab += "</table>";
			dv.innerHTML=tab;
			}
		</script>
	</body>
</html>