borrar varias filas de una tabla

[fremeto]

Hola tengo el siguiente código:

function agregar()
{
tabla = document.getElementById("tabla1");
var lista =document.getElementsByTagName('input');
for(i=0;i<lista.length;i++)
{
if(lista[i].name=="texto[]")
{
tabla.deleteRow(lista[i].parentNode.parentNode.rowIndex);
}
}

}

Con él intento eliminar las filas de una tabla que tiene unos input que se llaman igual ("texto[]"), el código funciona a medias porque me elimina una parte, luego la otra y después uno por uno, cuando se presiona el boton.

<form name="form_datos" id="form_datos" method="post">
<table width="248" border="1" id="tabla1">
<tr>
<td>Titulo</td>
</tr>
<tr>
<td>Subtitulo</td>
</tr>
<tr> <td width="226"><input name="texto[]" type="text" id="texto[]" /></td></tr>
<tr> <td width="226"><input name="texto[]" type="text" id="texto[]" /></td></tr>
<tr>
<td><input name="texto[]" type="text" id="texto[]" /></td>
</tr>
<tr>
<td><input name="texto[]" type="text" id="texto[]" /></td>
</tr>
<tr>
<td><input name="texto[]" type="text" id="texto[]" /></td>
</tr>
<tr>
<td><input name="texto[]" type="text" id="texto[]" /></td>
</tr>
<tr>
<td><input name="texto[]" type="text" id="texto[]" /></td>
</tr>
<tr>
<td><input name="texto[]" type="text" id="texto[]" /></td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" value="checkbox" /></td>
</tr>
</table>
<p>
<input type="button" name="Submit" value="Bot&oacute;n" onclick="agregar()"/>
</p></form>

Porque ocurre eso? como se soluciona?

Gracias de antemano.