javascript 在 createTextNode 中用 替换\n

Question

我有一个带有 \n 的字符串- Javascript 中的换行符，我想用 createTextNode() 替换另一个文本在 Javascript 中。

<script type="text/javascript">

function changeText() {

var Explanation="Test\n Test2";

var parent3 = document.getElementById("The_Explanation"); 
parent3.innerHTML='';  
var myP3 = document.createElement("p");
var myText3 = document.createTextNode(""+Explanation);
myP3.appendChild(myText3);
parent3.appendChild(myP3);
}
</script>

到目前为止，所有尝试在新文本中换行的尝试都失败了。替换 \n 的所有函数至<br>只带我到结果

"Test<br> Test2"

有什么想法吗？

Answer 1

您不能将元素节点放在文本节点中。文本节点不能有子节点。

1. 在新行上拆分字符串
2. 遍历数组并为每个部分生成一个文本节点
3. 使用 createElement('br') 在每个文本节点之间创建一个换行符
4. 附加以上所有内容