使用JavaScript在表格中添加另一行
[英]Adding another row in a table using javascript
问题描述
我已经创建了一张桌子。 我需要使用javascript添加新行。 任何人都可以修复它。
<head>
<script>
var num=1;
function addrow(){
num++;
var x = document.getElementById("add");
x.innerHTML= x.innerHTML +"<tr><td>Content_"+num+"</td></tr>";
}
</script>
<title>Add new row with js</title>
</head>
<body>
<table>
<tr><td>Content_1</td></tr>
//* I wanted to add a new row here *//
<tr><td>Content_End</td><td><button onclick="addrow()">+</button></td></tr>
</table>
</body>
我想在行之间添加一个新行！ 有人可以帮忙吗？ 提前致谢！
3 个解决方案
解决方案1
1 已采纳 2015-06-23 14:56:38
像这样做
<head>
<script>
var num=1;
function addrow(){
var table = document.getElementById("add");
var row = table.insertRow(num);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL"+num;
cell2.innerHTML = "NEW CELL"+num;
num++;
}
</script>
<title>Add new row with js</title>
</head>
<body>
<table id="add">
<tr><td colspan="2">Content_1</td></tr>
<tr><td>Content_End</td><td><button onclick="addrow()">+</button></td></tr>
</table>
</body>
小提琴 ： 演示
解决方案2
1 2015-10-23 05:42:46
var num=1;
function addrow(){
var table = document.getElementById("add");
var row = table.insertRow(num);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL"+num;
cell2.innerHTML = "NEW CELL"+num;
num++;
}
这将工作:)
解决方案3
0 2015-06-23 14:42:20
您忘记了将id添加到表中。 同样，每行不能有不同数量的td 。 如果要一个单元格占用两列的空间，请添加colspan="2"
<head>
<script>
var num=1;
function addrow(){
num++;
var x = document.getElementById("add");
x.innerHTML= x.innerHTML +"<tr><td>Content_"+num+"</td></tr>";
}
</script>
<title>Add new row with js</title>
</head>
<body>
<table id="add">
<tr><td colspan="2">Content_1</td></tr>
<tr><td>Content_End</td><td><button onclick="addrow()">+</button></td></tr>
</table>
</body>
使用javascript动态地在表格的最后一行中添加一行
[英]Dynamically adding a row in the table onblur the last row in the table using javascript
使用javascript动态在第一个表格行旁边添加表格行，而不是在第一个表格行之后添加
[英]Dynamically adding table row beside the first table row instead after the first table row using javascript
新增一个 <select>使用jQuery，JavaScript到表行
[英]Adding a new <select> to a table row using Jquery, JavaScript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.