<html>
<head>
<script>
counter = 0;
function removeRow(id){
var node = document.getElementById("myTable").getElementsByTagName("tbody")[0];
var throwaway_node = document.getElementById(id);
node.removeChild(throwaway_node);
}
function addRow(){
var tbody = document.getElementById("myTable").getElementsByTagName("tbody")[0];
var row = document.createElement("tr");
var column = document.createElement("td");
var inputNew = document.createElement("input");
var inputNew2 = document.createElement("input");
var buttonNew = document.createElement("input");
buttonNew.setAttribute("type","button");
buttonNew.setAttribute("name","botao"+counter);
buttonNew.setAttribute("value","-");
buttonNew.setAttribute("id","botao" + counter);
buttonNew.onclick = new Function("removeRow('tr"+counter+"')");
inputNew.setAttribute("type","text");
inputNew.setAttribute("name","no");
inputNew.setAttribute("value","campo1");
inputNew.setAttribute("size","20");
inputNew.setAttribute("id","no" + counter);
inputNew2.setAttribute("type","text");
inputNew2.setAttribute("name","no2");
inputNew2.setAttribute("value","campo2");
inputNew2.setAttribute("size","20");
inputNew2.setAttribute("id","no2" + counter);
row.setAttribute("id","tr" + counter);
column.appendChild(inputNew);
column.appendChild(inputNew2);
column.appendChild(buttonNew);
row.appendChild(column);
tbody.appendChild(row);
counter++;
}
</script>
</head>
<body>
<a href="#">Adiciona linha</a>
<table id="myTable" border="1">
<tbody>
</tbody>
</table>
</body>
Minha dúvida é a seguinte...como eu poderia adicionar um texto entre os dois campos(um à por exemplo), sem ter que usar um innerHTML e ferrar meu código que ta relativamente legal...
