Javascript将按钮添加到表的下一行
作者:互联网
我试图单击添加按钮时,使添加按钮出现在每一行的下一行.目前,我在想要添加按钮出现的单元格中得到一个空的文本字段.单击添加按钮时,我需要在代码中进行哪些更改以获取添加按钮而不是文本字段?
对于添加按钮的JavaScript,我目前拥有:
// button cell
var cellRightSel = row.insertCell(3);
var bt = document.createElement('input');
bt.name = 'addBt' + iteration;
bt.id = 'addBt' + iteration;
cellRightSel.appendChild(bt);
该页面的html是:
<table border="1" id="tblSample">
<tr>
<th colspan="3">Sample table</th>
</tr>
<tr>
<td><input type="text" name="txtRow1"
id="txtRow1" size="40" /></td>
<td><input type="text" name="txtRow2"
id="txtRow3" size="40" /></td>
<td>
<select name="selRow0">
<option value="value0">text zero</option>
<option value="value1">text one</option>
</select>
</td>
<td><input type="button" value="Add" onclick="addRowToTable();" name="addBt0" /></td>
</tr>
</table>
解决方法:
bt.type =“按钮”
您忘记了使其成为按钮.
或者你可以做
var bt = document.createElement(‘button’);
制作一个< button>代替.
标签:html-table,button,cell,javascript 来源: https://codeday.me/bug/20191208/2091236.html