使用Javascript將按鈕添加到表中的下一行

Question

我試圖在單擊添加按鈕時在每行的下一行出現添加按鈕。目前我正在單元格中出現一個空白文本框，我希望添加按鈕出現。當點擊添加按鈕時，我需要在代碼中更改哪些內容以獲取添加按鈕而不是文本字段？

對於添加按鈕的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> 

Answer 1

bt.type = "button"

你忘了做一個按鈕。

或者你可以做

var bt = document.createElement('button');

做出<button>代替。