Comment insérer un élément javascript textNode sur une nouvelle ligne

Je insérer plusieurs textNodes en javascript, et ne peut pas comprendre comment séparées par des retours chariot. J'ai essayé de mettre "\n", "\r", et "
" mais aucun d'eux ne fonctionne

var textNode = document.createTextNode("Node on line 1");
element.appendChild(textNode);

textNode = document.createTextNode("Node on line 2");
element.appendChild(textNode);

Je veux que cela apparaîtra comme:

Nœud sur la ligne 1

Nœud sur la ligne 2

PAS

Nœud sur la ligne 1Node sur line2

Des conseils sur comment je peux accomplir cela ?

source d'informationauteur Anthony

  1. 26

    Utilisation <br> de les séparer comme cela

    var br = document.createElement("br");
element.appendChild(br);
  2. 5

    Des moteurs de rendu ne considèrent pas saut de ligne et retour chariot d'être rendu. Mieux si vous utilisez un <br /> comme ceci:

    var textNode = document.createTextNode("Node on line 1");
element.appendChild(textNode);

var linebreak = document.createElement('br');
element.appendChild(linebreak);

var linebreak = document.createElement('br');
element.appendChild(linebreak);

textNode = document.createTextNode("Node on line 2");
element.appendChild(textNode);

    Grâce Doug Owings. Aussi http://jsfiddle.net/Q8YuH/3/

  3. 2

    Pour le rendre parfait.

    function addText(node,text){     
         var t=text.split(/\s*<br ?\/?>\s*/i),
             i;
         if(t[0].length>0){         
           node.appendChild(document.createTextNode(t[0]));
         }
         for(i=1;i<t.length;i++){
            node.appendChild(document.createElement('BR'));
            if(t[i].length>0){
              node.appendChild(document.createTextNode(t[i]));
            }
         } 
}            
addText(document,"Line 1 <br> Line 2<br/>line 3<BR/>");
  4. 1
    var textNode = document.createTextNode("Node on line 1");
element.appendChild(textNode);

var linebreak = document.createElement('<br >');
element.appendChild(lineBreak);

textNode = document.createTextNode("Node on line 2");
element.appendChild(textNode);
  5. 1

    Ma conjecture est que vous essayez de les afficher de manière distincte dans une vue HTML et non pas un TEXTE à afficher dans ce cas, vous devez insérer <br /> balises entre les nœuds de texte via document.createElement('br') pour les afficher sur des lignes séparées. à l'aide de \r ou \n ne touchera à quoi il ressemble dans la vue source.