一个表格每一行以*号开始,每一格用-开始,请用JavaScript将这个表格转换为HTML表格
时间: 2024-02-22 10:58:49 浏览: 22
好的,可以使用JavaScript来实现这个功能。假设表格的内容存储在一个名为`tableData`的数组中,每一行以一个`*`号开始,每一格用一个`-`号开始,可以使用以下代码将其转换为HTML表格:
```javascript
// 假设表格数据存储在tableData数组中
let tableData = [
'*-A1-A2-A3',
'*-B1-B2-B3',
'*-C1-C2-C3'
];
// 创建一个<table>元素
let table = document.createElement('table');
// 遍历表格数据
for (let i = 0; i < tableData.length; i++) {
// 创建一个<tr>元素
let row = document.createElement('tr');
// 将当前行的数据按照"-"分割成单元格数据
let cells = tableData[i].split('-');
// 遍历单元格数据
for (let j = 0; j < cells.length; j++) {
// 如果当前单元格是第一列,创建<th>元素,否则创建<td>元素
let cell = document.createElement(i === 0 ? 'th' : 'td');
// 将单元格内容设置为当前单元格的数据
cell.textContent = cells[j];
// 将单元格添加到当前行中
row.appendChild(cell);
}
// 将当前行添加到表格中
table.appendChild(row);
}
// 将表格添加到页面中
document.body.appendChild(table);
```
运行这段代码后,会在页面中生成一个包含表格数据的HTML表格。
相关推荐
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)