怎么把prompt接受的数据 传入到html的table中
时间: 2023-11-27 16:52:55 浏览: 23
你可以使用JavaScript来实现将prompt接受的数据传入到HTML的table中。
首先,你需要在HTML文件中创建一个空的table元素,例如:
```html
<table id="myTable">
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
```
然后,你可以使用JavaScript来获取用户输入的数据,并将其添加到表格中。例如:
```javascript
// 获取用户输入的数据
var input = prompt("请输入数据,以逗号分隔");
// 将数据以逗号分隔成数组
var data = input.split(",");
// 获取表格中的tbody元素
var tbody = document.querySelector("#myTable tbody");
// 遍历数据数组并将每个元素添加到表格中
for (var i = 0; i < data.length; i++) {
var row = document.createElement("tr");
var cell1 = document.createElement("td");
var cell2 = document.createElement("td");
var cell3 = document.createElement("td");
cell1.innerText = i + 1; // 序号
cell2.innerText = data[i]; // 数据
cell3.innerText = ""; // 其他列留空
row.appendChild(cell1);
row.appendChild(cell2);
row.appendChild(cell3);
tbody.appendChild(row);
}
```
这段代码将用户输入的数据以逗号分隔成数组后,遍历数组并将每个元素添加到表格中。在这个例子中,每行有三列,第一列显示序号,第二列显示数据,第三列留空。你可以根据需要修改这些内容。