用javascript中的for循环编写表格

直接上代码

script type="text/javascript">
		var row=Number(prompt("请输入行数"));
		var col=Number(prompt("请输入列数"));
		document.write("<table>");
		for (j=0;j<=row;j++) {
			if (j%2==0) {
				document.write("<tr bgcolor='aqua'>");
			} else{
				document.write("<tr bgcolor='red'>");
			}
			for (var i=0;i<col;i++) {
			document.write("<td>");
			document.write("</td>");
		}
		document.write("</tr>");
		}
		document.write("</table>");
	</script>
  • 4
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 HTML 实现循环表格可以使用以下两种方式: 1. 使用 HTML 表格标签和 JavaScript 循环语句 可以使用 HTML 表格标签(如 `<table>`、`<tr>` 和 `<td>`)和 JavaScript 循环语句(如 `for` 循环)来实现循环表格。具体的步骤如下: (1)在 HTML 文件创建一个空的表格: ```html <table id="myTable"></table> ``` (2)在 JavaScript 文件编写一个循环语句,用于创建表格行和单元格,并将它们添加到表格: ```javascript var table = document.getElementById("myTable"); for (var i = 0; i < 10; i++) { var row = table.insertRow(); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "Row " + i + " Column 1"; cell2.innerHTML = "Row " + i + " Column 2"; } ``` 上面的代码将在表格创建 10 行,每行有两列,其第一列的内容为“Row i Column 1”,第二列的内容为“Row i Column 2”。 2. 使用模板字符串和循环语句 可以使用 HTML 的模板字符串和 JavaScript 循环语句来创建表格的 HTML 代码,并将其添加到 HTML 文件。具体的步骤如下: (1)在 HTML 文件创建一个空的表格: ```html <table id="myTable"></table> ``` (2)在 JavaScript 文件编写一个循环语句,用于创建表格行和单元格的 HTML 代码,并将其添加到表格: ```javascript var table = document.getElementById("myTable"); var tableHTML = ""; for (var i = 0; i < 10; i++) { tableHTML += ` <tr> <td>Row ${i} Column 1</td> <td>Row ${i} Column 2</td> </tr> `; } table.innerHTML = tableHTML; ``` 上面的代码将在表格创建 10 行,每行有两列,其第一列的内容为“Row i Column 1”,第二列的内容为“Row i Column 2”。注意,这里使用了模板字符串,它可以让我们更方便地拼接 HTML 代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值