textarea salto de linea

[Blashak]

Buenas

Tengo un textarea que recojo el valor en javascrip y lo inserto en la web.
despues de estar varios dias y buscar info no encontre ninguna solucion para poder hacerlo.
a ver si alguien me puede ayudar.

mi codigo.

Código Javascript:

var contenidos = document.createElement("div");
var parrafo = document.createElement("p");
var br = document.createElement("br");
 
var id = "conte"
contenidos.setAttribute("id",id);
 
contenidos.style.fontSize="14px";
contenidos.style.color = "red";
contenidos.style.width="200px";
contenidos.style.marginTop="10px";
contenidos.style.textAlign="center";
contenidos.setAttribute("id","contenido");
 
 
var mensaje_sp = contenido.split("\n");
total_sp = mensaje_sp.length;
texto = new Array();
for(o=0; o<total_sp; o++){
 
    texto[o] = document.createTextNode(mensaje_sp[o]);          
    
    parrafo.appendChild(texto[o]);
    parrafo.appendChild(br);                
                    
                    
}
contenidos.appendChild(parrafo);
document.body.appendChild(contenidos);
 

haciendo esto el texto me sale todo junto.no entiendo porque si le estoy poniendo un br por cada palabra que separa

saludos

[zerokilled]

buenas...

fijate que appendChild tiene dos efectos: agregar un elemento al nodo si este no existe, o mover un elemento de posicion si ya existe en el documento. en tu caso, en el primer ciclo del bucle agregas el elemento <br> al documento pero los subsiguientes ciclos estas moviendo el elemento de posicion. para agregar mas de un elemento, debes crearlos. simplemente crea el elemento <br> dentro del ciclo.

[_cronos2]

Buena explicación @zerokilled, yo sabía que si querías insertar más de un br por ejemplo tenías que crearlos, pero no sabía por qué XD
Saludos (:
PD: Creo que no acabo de entender tu firma

[Blashak]

Iniciado por zerokilled

buenas...

fijate que appendChild tiene dos efectos: agregar un elemento al nodo si este no existe, o mover un elemento de posicion si ya existe en el documento. en tu caso, en el primer ciclo del bucle agregas el elemento <br> al documento pero los subsiguientes ciclos estas moviendo el elemento de posicion. para agregar mas de un elemento, debes crearlos. simplemente crea el elemento <br> dentro del ciclo.

mm no te acabo de comprender del todo.

si me podes poner un ejemplo segun mi codigo te lo agradeceria.

Saludos

[zerokilled]

simplemente mueve la linea #3 de tu codigo dentro del bucle for.