Excluir linha
Copie o código do código da seguinte forma:
<roteiro>
funçãodel(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<corpo>
<tabela>
<tr>
<td>Célula 1</td>
<td><input type=button value="delete esta linha" onclick="del(this)"></td>
</tr>
<tr>
<td>Célula 2</td>
<td><input type=button value="delete esta linha" onclick="del(this)"></td>
</tr>
<tr>
<td>Célula 3</td>
<td><input type=button value="delete esta linha" onclick="del(this)"></td>
</tr>
</tabela>
</body>
Adicionar linha
Copie o código do código da seguinte forma:
<roteiro>
função uf_test(){
//Obtém o objeto da tabela
var tbTable = document.getElementById("tb_test");
//Inserir uma linha
var trT = tbTable.insertRow();
//Obtém o número td da linha anterior
var nRows = tbTable.rows[0].cells.length;
//De acordo com o número td da linha anterior, insira td em um loop
for(var i = 0; i < nLinhas; i++){
//Cria objeto td
var tdT = document.createElement("TD");
//Atribuir valor ao objeto td
//tdT.innerHTML="sfsdf";
tdT.innerText="sfsdf";
//Adiciona td a tr
trT.appendChild(tdT);
}
}
</script>
<table id="tb_test">
<tr>
<td><input type="text"></td>
</tr>
</tabela>
<input type="button" onclick="uf_test();" value="Adicionar uma linha">