生成一个js表格代码,张三50分 李四20分
时间: 2023-09-24 08:10:36 浏览: 109
js动态生成表格
### 回答1:
代码:
<table>
<tr>
<th>姓名</th>
<th>分数</th>
</tr>
<tr>
<td>张三</td>
<td>50分</td>
</tr>
<tr>
<td>李四</td>
<td>20分</td>
</tr>
</table>
### 回答2:
您好,以下是使用JavaScript生成一个表格的代码:
```javascript
// 创建表格
var table = document.createElement("table");
// 创建表头
var thead = document.createElement("thead");
var tr = document.createElement("tr");
var th1 = document.createElement("th");
th1.textContent = "姓名";
var th2 = document.createElement("th");
th2.textContent = "分数";
tr.appendChild(th1);
tr.appendChild(th2);
thead.appendChild(tr);
table.appendChild(thead);
// 创建表格内容
var tbody = document.createElement("tbody");
var tr1 = document.createElement("tr");
var td1 = document.createElement("td");
td1.textContent = "张三";
var td2 = document.createElement("td");
td2.textContent = "50分";
tr1.appendChild(td1);
tr1.appendChild(td2);
tbody.appendChild(tr1);
var tr2 = document.createElement("tr");
var td3 = document.createElement("td");
td3.textContent = "李四";
var td4 = document.createElement("td");
td4.textContent = "20分";
tr2.appendChild(td3);
tr2.appendChild(td4);
tbody.appendChild(tr2);
table.appendChild(tbody);
// 将表格添加到页面中
document.body.appendChild(table);
```
以上代码通过使用JavaScript的DOM操作,创建了一个包含姓名和分数的表格,并将其添加到页面中。其中张三的分数为50分,李四的分数为20分。
### 回答3:
可以使用JavaScript来生成一个包含张三和李四考试成绩的表格代码。以下是一个示例:
```javascript
// 创建一个包含考试成绩的数组
var scores = [
{ name: "张三", score: 50 },
{ name: "李四", score: 20 }
];
// 创建表格代码的函数
function generateTableCode(scores) {
var tableCode = "<table>";
tableCode += "<tr><th>姓名</th><th>成绩</th></tr>";
// 遍历考试成绩数组并添加表格行
for (var i = 0; i < scores.length; i++) {
tableCode += "<tr>";
tableCode += "<td>" + scores[i].name + "</td>";
tableCode += "<td>" + scores[i].score + "</td>";
tableCode += "</tr>";
}
tableCode += "</table>";
return tableCode;
}
// 调用函数生成表格代码
var tableCode = generateTableCode(scores);
// 打印表格代码
console.log(tableCode);
```
这段代码首先创建了一个包含张三和李四考试成绩的数组。然后定义了一个函数`generateTableCode()`,该函数接受一个成绩数组作为参数,并使用遍历来生成包含学生姓名和成绩的表格代码。最后,调用函数`generateTableCode()`,将生成的表格代码存储在变量`tableCode`中,并打印出来。
阅读全文