我是javascript的新手，我正在尝试制作一个依赖于用户输入向表添加行的表格
<!DOCTYPE html>
<html>
<head></head>
<body>
<table id="myTable">
<tr>
<td>New Cell</td>
<td>New Cell</td>
</tr>
</table>
<br/>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var input = window.prompt("Input number of rows", 1);
for (var i = 0 ; i < parseInt(input,10); i++) {
var table = document.getElementById("myTable").insertRow(i);
for (var j = 0; j < table.rows[i]; j++) {
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
}
}
}
</script>
</body>
</html>
使用 javascript 从用户那里获取输入以动态添加行
您可以像这样修改代码： 你也可以参考这个喜欢参考：https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_table_insertrow
<script>
function myFunction() {
var input = window.prompt("Input number of rows", 1);
for (var i = 0 ; i < parseInt(input,10); i++) {
var rowObj = document.getElementById("myTable").insertRow(i);
for (var j = 0; j < table.rows[i]; j++) {
var cell1 = rowObj.insertCell(0);
var cell2 = rowObj.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
}
}
}
</script>