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