Javascript代码的小小疑问（59）——如何加个小小换行符

Question

//这样虽换行，但在好多<p>里输出
window.onload = function(){

var arrText = ["one","two","three","four","five","six","seven","eight","nine","ten"];

var oFragment = document.createDocumentFragment();


for(var i = 0;i<arrText.length;i++){

  var oP = document.createElement("p");  

    var oText = document.createTextNode(arrText[i] );

    oP.appendChild(oText);

    oFragment.appendChild(oP);

}

document.body.appendChild(oFragment);

};


//这样在一个<p>里输出了，但不换行，咋整？

window.onload = function(){

var arrText = ["one","two","three","four","five","six","seven","eight","nine","ten"];

var oFragment = document.createDocumentFragment();

 var oP = document.createElement("p");  


for(var i = 0;i<arrText.length;i++){

    var oText = document.createTextNode(arrText[i] );

    oP.appendChild(oText);

    oFragment.appendChild(oP);

}

document.body.appendChild(oFragment);

};

Answer 1

先输入换行符：\n，然后设置css属性white-space: pre;

Answer 2

你的<br/>也是一个Element吧。。。

Answer 3

是个html标签，每次循环，打一个<br/>也不好， 还能换行吗？

Answer 4

自己找个折中的办法吧