设计界面,打印出一个18*18的表格,表格内按顺序显示表格的序号,仅用for循环,表格元素,document 元素书写
时间: 2024-10-10 15:15:57 浏览: 29
vue 使用v-for进行循环的实例代码详解
当然,你可以使用JavaScript配合HTML来创建一个18x18的表格,并且按照顺序填充每个单元格的序号。这里有一个简单的示例:
```javascript
// 首先,获取文档中的body元素
const tableBody = document.querySelector('body');
// 创建一个新的table元素
const table = document.createElement('table');
// 定义行数和列数
let rows = 18;
let cols = 18;
// 使用嵌套的for循环生成每一行和每一列
for (let i = 0; i < rows; i++) {
// 创建新行
const row = document.createElement('tr');
for (let j = 0; j < cols; j++) {
// 创建新单元格
const cell = document.createElement('td');
// 计算并设置单元格的序号(从1开始)
cell.textContent = (i + 1) * cols + (j + 1);
// 将单元格添加到当前行
row.appendChild(cell);
}
// 将行添加到表格中
table.appendChild(row);
}
// 将整个表格添加到文档body中
tableBody.appendChild(table);
阅读全文