js的三种表格写法

最新推荐文章于 2024-10-01 19:00:00 发布

打代码的西瓜

最新推荐文章于 2024-10-01 19:00:00 发布

阅读量3.8k

点赞数 4

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_51958493/article/details/113839734

版权

JavaScript 专栏收录该内容

36 篇文章 2 订阅

订阅专栏

本文详细探讨了JavaScript中创建表格的三种方法，包括DOM操作、HTML字符串拼接以及使用模板库。通过实例代码，深入理解如何动态生成和更新表格内容，提升网页交互体验。

摘要由CSDN通过智能技术生成

	<script type="text/javascript">
			//for循环输出 5行5列表格
			document.write("<table border=1 width=300 height=400>")
			//外层循环行
			for(var row=0;row<=4;row++){
				document.write("<tr>");
				//内层循环列
				for(var col=0;col<=4;col++){
					document.write("<td>"+row+col+"</td>")  
				}
				document.write("</tr>");
			}
			document.write("</table>")
			
			
			//while循环输出 5行5列表格
			document.write("<table border=1 width=300 height=400>")
			var row = 1;
			while(row <=5){
				document.write("<tr>");
				var col = 1;
				while(col <= 5){
					document.write("<td>"+row+col+"</td>")
					col++
				}
				document.write("</tr>");
				row++
			}
			document.write("</table>")
			
			//do while循环输出 5行5列表格
			document.write("<table border=1 width=300 height=400>")
			var row = 1;
			do{
				document.write("<tr>");
				var col = 1;
				do{
					document.write("<td>"+row+col+"</td>")
					col++;
				}while(col <= 5)
				document.write("</tr>");
				row++;
			}while(row <= 5)
			document.write("</table>")	
	</script>