一个按钮，它会在另一个文本框下面添加一个文本框？

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>