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>