Stampare codice HTML con JS, invece delle entità

**foreach** · 11-02-2015, 16.01.57

Salve a tutti,

ho un problema. Ho creato una funzione in js che viene richiamata in <body onload>

Questo è il codice:

Codice PHP:


var vettore = new Array();



vettore[0] = new Array(1, "Testo 1", "24-01-15, 11:36");

vettore[1] = new Array(0, "Testo 2", "24-01-15, 11:36");

vettore[2] = new Array(1, "Testo 3", "24-01-15, 11:36");







function prendivettore() {

for(i=0;i<vettore.length;i++) {

document.getElementById('paragrafo').innerHTML += "<div class='";

if(vettore[i][0] == 1) {

document.getElementById('paragrafo').innerHTML += 'grigio';

} else {

document.getElementById('paragrafo').innerHTML += 'nero';

}

document.getElementById('paragrafo').innerHTML += "'>" + vettore[i][1] + '<br>' + vettore[i][2] + "</div>\n";

}

}

Il fatto è che nel <div id="paragrafo"> il primo carattere che deve visualizzare, cioè <, lo visualizza come <, tutti gli altri invece me li mette normalmente, compromettendomi così il funzionamento dello script.
Lo fa solo al primo richiamo DOM che sostituisce i caratteri speciali con entità html, agli altri 3 DOM non lo fa.

Come posso risolvere?

Grazie,
foreach

**alemoppo** · 11-02-2015, 16.25.48

Prova preparando la stringa prima, successivamente fai una sola chiamata innerHTML, del tipo:

Codice:

function prendivettore() { 
var stringa = '';
for(i=0;i<vettore.length;i++) { 
stringa += "<div class='"; 
if(vettore[i][0] == 1) { 
stringa += 'grigio'; 
} else { 
stringa += 'nero'; 
} 
stringa += "'>" + vettore[i][1] + '<br>' + vettore[i][2] + "</div>\n"; 
} 
document.getElementById('paragrafo').innerHTML = stringa;
}

Ciao!

**karl94** · 11-02-2015, 16.25.57

Non puoi andare a scrivere la proprietà innerHTML in quel modo, aggiungendo volta per volta dei pezzi di codice. Usa piuttosto una variabile temporanea e scrivi tutto insieme.
Il problema è che ogni volta che assegni un valore alla proprietà, questo attiva il parser HTML e se il codice non è completo è normale che accadano cose strane. Ed ogni volta che vai a leggere da quella proprietà ciò che ottieni è la serializzazione del contenuto che quindi non è necessariamente la medesima stringa che hai assegnato in precedenza.
Ad ogni modo la cosa migliore sarebbe usare i vari metodi del DOM per alterare l'albero del documento, come createElement e appendChild.

**foreach** · 12-02-2015, 15.38.11

Grazie a tutti e due, ora con la variabile di servizio il tutto funziona!

foreach

Discussione: Stampare codice HTML con JS, invece delle entità

LinkBack

Strumenti discussione

Display

Stampare codice HTML con JS, invece delle entità

Regole di scrittura