Agregar en div sin eliminar contenido

[cmarrero]

hola, estoy armando unas cositas con php y ayax, y estoy buscando la forma de agregar elementos dentro de un div, sin eliminar lo que ya habia, asi de esa manera puedo ir agregando varias cosas en el div y despues aceptar lo que agrego...

Mi codigo JS es el siguiente

Código PHP:

  function xmlhttp(){ 
        var xmlhttp; 
        try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");} 
        catch(e){ 
            try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} 
            catch(e){ 
                try{xmlhttp = new XMLHttpRequest();} 
                catch(e){ 
                    xmlhttp = false; 
                } 
            } 
        } 
        if (!xmlhttp)  
                return null; 
            else 
                return xmlhttp; 
    } 
 
function agregarProducto(codigo){ 
        var cantidad = document.getElementById('cant'+codigo).value; 
        var producto = codigo; 
 
        var A = document.getElementById('evento'); 
        var B = document.getElementById('cargando'); 
         
        var ajax = xmlhttp(); 
 
        ajax.onreadystatechange=function(){ 
                if(ajax.readyState==1){ 
                        B.innerHTML = "<img src='../img/loading.gif' alg='Loading...'>"; 
                    } 
                if(ajax.readyState==4){ 
                        A.innerHTML = ajax.responseText; 
                        B.innerHTML = " "; 
                    } 
            } 
        ajax.open("GET","agregarproducto.php?cantidad="+encodeURIComponent(cantidad)+"&producto="+encodeURIComponent(producto),true); 
        ajax.send(null); 
        return false; 
    }  
   

Quiero mantener lo que esta en el div evento....

Gracias