用JavaScript循环语句输出10行10列的表格,并在单元格中输出对应数字
时间: 2024-02-17 11:59:53 浏览: 103
好的,以下是一个用JavaScript循环语句输出10行10列表格并在单元格中输出对应数字的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>循环输出表格</title>
</head>
<body>
<table border="1">
<tbody>
<!-- 循环输出10行 -->
<script>
for (var i = 1; i <= 10; i++) {
document.write("<tr>");
// 循环输出10列
for (var j = 1; j <= 10; j++) {
document.write("<td>" + i*j + "</td>");
}
document.write("</tr>");
}
</script>
</tbody>
</table>
</body>
</html>
```
这段代码使用了两个循环语句,第一个循环控制行数,第二个循环控制列数,每个单元格中输出对应的数字(行数和列数的乘积)。在 HTML 中,我们使用 `<table>` 标签表示表格,使用 `<tr>` 标签表示行,使用 `<td>` 标签表示单元格。
相关问题
打印九九乘法表 1. 使用for语句遍历表中所有的行 2. 再在for嵌套里,使用for语句遍历每行中的列 带表格 不使用控制台 4-5行代码 HTML js
为了打印九九乘法表,你可以使用HTML和JavaScript结合来实现。首先,在HTML中创建一个空的表格结构:
```html
<table id="multiplication-table"></table>
```
然后,在JavaScript中用两层`for`循环生成并填充表格:
```javascript
// 获取表格元素
var table = document.getElementById('multiplication-table');
// 使用两个for循环遍历乘法表
for (let i = 1; i <= 9; i++) {
// 开始新的一行
var row = document.createElement('tr');
for (let j = 1; j <= i; j++) {
// 创建单元格,并设置值
var cell = document.createElement('td');
cell.textContent = `${j} * ${i} = ${j * i}`;
row.appendChild(cell);
}
// 将这一行添加到表格中
table.appendChild(row);
}
```
这段代码会在表格中创建一个完整的九九乘法表。每一行和列对应着乘法表中的一个数字,显示了乘积。
阅读全文