Estoy creando una cadena en JavaScript FE como puede ver a continuación, mi intento es imprimir algunos datos en diferentes filas. En mi JavaScript construyo la cadena y uso getElement() y textContent para adjuntar la cadena en el párrafo.
He intentado <br> <br/> \n <\r , todo sin resultados.
var str; str+="text" + data[0]; str+= //Here need new line str+="text" + data[1]; var p=document.getElementById("paragraph"); p.textContent = str;Puede ser más fácil usar una cadena de plantilla y luego usar innerText en lugar de textContent , ya que son diferentes .
const arr = ['Bob', 'Jane']; const str = ` text: ${arr[0]} text: ${arr[1]} `; document.body.innerText = str;Si necesita una cadena que se pueda mostrar/descargar como un archivo y mostrar en html al mismo tiempo, usaría \n e innerText :
var str; str+="text" + data[0]; str+= '\n'; str+="text" + data[1]; var p=document.getElementById("paragraph"); p.innerText = str; el \n será reemplazado por <br/> automáticamente cuando use el texto interno, y no necesitará diseñarlo con espacios en whitespace , y podría usar la cadena resultante, quizás para iniciar una descarga de archivo
Un par de opciones que tienes son:
<br/> en la cadena y configure p.innerHTML = str en lugar de configurar textContent let myEl = document.getElementById('myelement'); let data = 'test 1'; data += '<br/>'; data += 'test 2'; myEl.innerHTML = data; <div id="myelement"></div>O
\n en la cadena y luego use un white-space: pre en el CSS de su elemento let myEl = document.getElementById('myelement'); let data = 'test 1'; data += '\n'; data += 'test 2'; myEl.textContent = data; #myelement { white-space: pre; } <div id="myelement"></div>