[AJAX] Prelevare uno specifico div

[Gas75]

Salve, mi sto avventurando in AJAX, e vorrei creare una pulsantiera che, per ciascun button, mi carichi un certo div con id="target" da differenti documenti di nome Documento1.html, Documento2.html, uguali al value dei button a meno dell'estensione.

Di seguito il codice (tutto incluso in tag script), ma AJAX mi carica l'intero HTML, non la limitazione al target che credo di avergli dato con e.target.

// creo l'array dei button
var documenti = document.getElementsByTagName("button");
        
// programmo i button
for (var i = 0; i < documenti.length; i++) { documenti[i].onclick = carica; }
        
function carica(e) {
            var httpRequest = new XMLHttpRequest();
            httpRequest.onreadystatechange = gestisci;
            httpRequest.open("GET", e.target.innerHTML + ".html", true);
            httpRequest.send();
}

function gestisci(e) {
            
            if (e.target.readyState == 4 && e.target.status == 200) {
                document.getElementById("qui").innerHTML = e.target.responseText;
            }
            
}

Nessun errore da console.