document.getElementById('tabl').getElementsByTagName('tbody')[0].appendChild(nodet);
<div id="area" class = "input_div"><input class="food_input_center" type="text" name="food[0]"/></div> <div class = "baton_right"> <input class = "baton_klick" type="button" value="+" onclick="add();" /> <input class = "baton_klick" type="button" value="-" onclick="remove();" /> </div> <script type="text/javascript"> var e = document.getElementById('area'); function add() { var q = e.getElementsByTagName('input'); if (q.length < 15) { var c = document.createElement('input'); c.type = 'text'; c.name = 'food[' + e.getElementsByTagName('input').length + ']'; c.className = 'food_input_center'; e.appendChild(c); } } function remove() { var q = e.getElementsByTagName('input'); if (q.length > 1) { q[q.length - 1].parentNode.removeChild(q[q.length - 1]); } } </script>