AJAX añadir filas sin borrar lo anterior

[angelosss]

hola, tengo esta funcion:

function procesar_resposta_enviar_exp(){
if(objXHR_exp.readyState == 4){
text = objXHR_exp.responseText;
respuesta = objXHR_exp.responseText;

document.getElementById("exp1").innerHTML = respuesta;

}
}
-------------------
que funciona y en la tabla que se llama exp1 me escribe sin problemas, solo que me borra el contendio (filas anteriores) y queria saber como hacerlo para que la añada y no me borre.

este es el codigo php que me escribe
<?
$respuesta = '<tr>
<td class="texto_alta" >'.$fecha_mes_inicio.' de '.$fecha_anyo_inicio.' - '.$fecha_mes_final.' de '.$fecha_anyo_final.'</td>
<td class="texto_alta">'.$cargo.'</td>
<td class="texto_alta">'.$categoria.'</td>
<td class="texto_alta">'.$empresa.'</td>
<td class="text" align="right"><img src="imagenes/lapiz_01.gif" style="cursor:pointer;" onClick="modificar_exp()">
</td>
<td class="text" align="right"><img src="imagenes/basura_01.gif" style="cursor:pointer;" onClick="eliminar_exp()">
</td>
</tr>';
?>.

de ante manos graciasssss

[eall]

Con innerHTML reemplazas el contenido compelto del elemento que estas referenciando.
Lo que debes hacer es crear una nueva fila y despues crear las correspondientes celdas.

esop.

[angelosss]

pero como lo hago

[eall]

jajajaja

Código javascript:

var tabla = document.getElementById("exp1");
 
var rows = document.createElement("tr");
 
rows.innerHTML = respuesta //contiene una cadena con los td
 
tabla.appendChild(rows);
 

creo que así debería funcionar.

exito.

[angelosss]

MUCHISIMAS GRACIASSSSS me ha funcionado