document.createElement('div'); vorrei generare markup ordinato

[essezeta]

Buona giornata a tutti...

smanettando ho imparato ad usare (poco) document.createElement

con queste istruzioni (naturalmente ne manca) faccio generare una serire di box:

var newBoxDiv = document.createElement('div');
newBoxDiv.setAttribute('id','principale_'+progressivo_dei_principali);
newBoxDiv.setAttribute("class","box_piccolo colorato");

...esattamente viene fuori:
<div ID="principale_1" class="box_piccolo colorato">contenuto che gli passo</div>
<div ID="principale_2" class="box_piccolo colorato">contenuto che gli passo</div>

Tutto funziona perfettamente (e via css me lo faccio visualizzare a dovere)...

...il problema è che il markup risulta poco leggibile perché ottengo questo:

<div ID="principale_1" class="box_piccolo colorato">contenuto che gli passo</div><div ID="principale_1" class="box_piccolo colorato">contenuto che gli passo</div>

come vedete stanno su una linea e se ho tanto codice diventa un casino reintervenire per eventuali modifiche...

Come posso fare in modo che creando elementi con document.createElement, il markup generato si presenti cosi?

<div ID="principale_1" class="box_piccolo colorato">contenuto che gli passo</div>

<div ID="principale_1" class="box_piccolo colorato">contenuto che gli passo</div>

ho provato a inserire gli +"\n\n\n" prima della creazione dell'elemento DIV, ma non ci riesco...

in realtà se sapessi dove andare a mettere questi a capo prima o dopo del DIV che creo avrei risolto...

sono sicuro che è una stupidaggine, ma giuro le ho provate tutte (quelle che conosco)... NON CI RIESCO...

Che me la date una dritta?!

GRAZIE

[artorius]

i \n sono dei text node, quindi devi fare:

var newBoxDiv = document.createElement('div');
newBoxDiv.setAttribute('id','principale_'+progress ivo_dei_principali);
newBoxDiv.setAttribute("class","box_piccolo colorato");

document.appendChild(newBoxDiv);
document.appendChild(document.createTextNode("\n") );
document.appendChild(document.createTextNode("\n") );

[fcaldera]

posso suggerire la lettura dell'articolo in firma?
può tornarti utile magari

[kentaromiura]

Originariamente inviato da essezeta
Buona giornata a tutti...
...il problema è che il markup risulta poco leggibile perché ottengo questo:
GRAZIE

apri l'html con un editor che possa indentarlo (htmltidy) , la soluzione a mio giudizio migliore è piu veloce (visual studio lo fa )

[essezeta]

solo per ringraziarvi...

grazie ad artorius
caxxo! era così semplice... :master:
non ho tempo di testare, ma a senso mi torna che sia corretto...

grazie a fcaldera (il mio nume, anche se non lo sa...)
stasera leggerò con piacere l'articolo segnalato...

grazie anche a kentaromiura
ciò che dici ha le sue ragioni...
ma se passo il mio lavoro ad altri sono costretto a fargli fare la stessa cosa...
però non conoscevo htmltidy, grazie lo stesso della dritta...


saluti a tutti