2013-10-17 15 views
12

Sto provando a creare una tabella con le immagini nella prima cella e le informazioni sulla foto nella seconda cella.Aggiungere una "nuova riga" in innerHTML

ho bisogno di aggiungere informazioni diverse in una cella, come quella:

cellTwo.innerHTML = arr_title[element] + arr_tags[element]; 

E 'possibile aggiungere una "nuova linea" lì? voglio dire così:

cellTwo.innerHTML = arr_title[element] + "/n" + arr_tags[element]; 
+1

che hai già provato? –

+1

sì, non funziona –

risposta

15

Il modo più semplice è con l'aggiunta di un'interruzione di linea in formato HTML

cellTwo.innerHTML = arr_title[element] + "<br />" + arr_tags[element]; 

Se si desidera che le nuove righe di essere trattati letteralmente, è possibile utilizzare il tag <pre>

+2

Grazie! Come ho dimenticato, è HTML:/ –

+0

Grazie Juan Mendes ha aiutato – Enoy

+0

grazie per questo! – nxmohamad

4

Per completare la vostra comprensione:

Dal momento che io s html (innerHTML) rende HTML ed è possibile utilizzare qualsiasi html lo si desidera, quindi in questo caso è sufficiente aggiungere un buon vecchio stile <br>:

var test = document.getElementById('someElementId'); 
test.innerHTML = "The answer <br>to life, the universe, and everything...<br> is 42."; 

Se fosse una stringa, come ad esempio in una finestra di avviso o casella di testo ecc.// n sarebbe corretta:

alert('Never /n Forget your towel.'); 

Happy Coding!
    - $ cr1ptN nj @

+3

'/ n' non è corretto. La sequenza di escape è '\ n'. – dionyziz

-3

No, <br /> non funziona in ASP .NET, ma si può invece scrivere in questo modo

cellTwo.innerHTML = arr_title[element] + arr_tags[element]; arr_title[element] + "/n" + arr_tags[element]; 

Edit - alternativa avvolto nel tag codice

cellTwo.innerHTML = arr_title[element] + arr_tags[element]; 
cellTwo.innerHTML += arr_title[element] + "/n" + arr_tags[element]; 

Punto e virgola ";" sembra agire come interruzioni di riga Ricordare "+ =" per assegnare più valori alla stringa

+1

'
' funziona perfettamente nell'HTML generato da ASP.NET. '"/n "' non significa una nuova riga ovunque per quanto ne so. '\ n' significa una nuova riga in una stringa letterale JavaScript, ma viene trattata come qualsiasi altro spazio bianco quando viene convertita in HTML. Un punto e virgola non si comporta come un'interruzione di riga in JavaScript, un punto e virgola termina un'istruzione. A volte una interruzione di riga causa l'inserimento automatico di un punto e virgola in JS. In breve, assolutamente tutto ciò che riguarda questa risposta è sbagliato (e soprattutto l'esatto opposto di corretto) – Quentin

Problemi correlati