javascript - 将在另一个文本框下方添加文本框的按钮？

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>