用生成指定行数、列数的表格 创建一个表格类 Table,在类中添加生成表格的方法, 通过对象实例调用该方法,生成指定行数、列数的表格,用js生成
时间: 2024-09-20 18:09:14 浏览: 33
JS控制网页动态生成任意行列数表格的方法
在JavaScript中,我们可以创建一个名为`Table`的类来实现生成指定行数和列数的表格。这个类可以包含一个构造函数,用于初始化行数和列数,以及一个静态方法`generateTable`来进行实际的表格生成。以下是基本的实现:
```javascript
class Table {
constructor(rows, cols) {
this.rows = rows;
this.cols = cols;
}
static generateTable(rowCount, colCount) {
let tableHTML = '<table border="1">\n';
for (let i = 0; i < rowCount; i++) {
tableHTML += '\t<tr>';
for (let j = 0; j < colCount; j++) {
tableHTML += `\t\t<td>Cell ${i + 1}-${j + 1}</td>`; // 每个单元格显示其位置
}
tableHTML += '</tr>\n';
}
tableHTML += '</table>';
return tableHTML;
}
}
// 使用示例
const myTable = new Table(5, 4); // 生成5行4列的表格
const tableHTML = Table.generateTable(myTable.rows, myTable.cols);
console.log(tableHTML);
```
当你需要生成一个新的表格时,只需创建`Table`类的一个新实例,并将其行数和列数作为参数传递给构造函数。然后,你可以直接调用`Table.generateTable`方法生成HTML字符串。
阅读全文