RISOLTO JS/HTML problema con un div

[Gianlucass01]

Salve, dovrei mettere all'interno di un div un elenco di certe stazioni che mi arrivano tramite una chiamata ajax fatta al mio database.. solamente che non so come fare, ho provato con innerHTML ma nel div mi appare solo l'ultima stazione presente nel mio database..invece dovrebbero uscire una dopo l'altra.. come faccio? vi metto foto e codice



vi metto la funzione che mi dovrebbe inserire all'interno del div le varie stazioni:

function mettiMarkersStazioni(testo) {

                    
                    elencoStazioni = JSON.parse(testo);
                    
                    for(i = 0; i < elencoStazioni.length; i++) {
                        
                        document.getElementById('legenda').innerHTML = "&nbsp&nbsp&nbsp" + elencoStazioni[i].Indirizzo + "<hr>" + "<br>";
                    }                                    
            }

 

[Edmund Blackadder]

Prova così:

document.getElementById('legenda').innerHTML += (
    "&nbsp&nbsp&nbsp" + 
    elencoStazioni[i].Indirizzo + 
    "<hr>" +
    "<br>"
);

 

[Gianlucass01]

Prova così:

document.getElementById('legenda').innerHTML += (
    "&nbsp&nbsp&nbsp" +
    elencoStazioni[i].Indirizzo +
    "<hr>" +
    "<br>"
);

Grazie mille non ci avevo pensato, funziona !

 

[Edmund Blackadder]

Grazie mille non ci avevo pensato, funziona !

Prego. Quello che faceva il tuo codice era prendere tutto il contenuto del div e ogni volta scriverci sopra elencoStazioni.Indirizzo (per questo vedevi solo l'ultima stazione), invece dovevi aggiungere l'indirizzo al contenuto già esistente. :ok: