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

最新推荐文章于 2022-11-05 19:45:00 发布

zhangshengsky

最新推荐文章于 2022-11-05 19:45:00 发布

阅读量599

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/zhangshengsky/article/details/72805181

版权

JS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!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="生成表格" οnclick="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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhangshengsky

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
动态输出一个任意行列的表格

行：列： var hs =document.getElementById("h"); var ls =document.getElementById('l'); var dv =document.getElementById('div1'); function createTable(){ var tab = ""; for(var
复制链接

扫一扫