將在另一個文本框下面添加文本框的按鈕？

Question

我的表單代碼

<form> 
<table> 
<tr> 
    <td>Artist/s:</td> 
    <td><input type="text" name="artists"><input type="button" value="add"></td> 
</tr> 
</table> 
</form> 

我怎樣才能在下面添加或通過我點擊添加按鈕第一個文本框之後另一個文本框？

Answer 1

jsfiddle

<script> 
window.onload = function(){ 
    var btn = document.getElementById('btnId'); 
    btn.onclick = function(){ 
     var txt = document.createElement("textarea"); 
     btn.parentNode.insertBefore(txt, btn); 
    }; 
}; 
</script>