在 JavaScript 字符串中嵌入换行符答案

【问题标题】：Embedding a new line character in a JavaScript string在 JavaScript 字符串中嵌入换行符
【发布时间】：2015-05-13 18:07:38
【问题描述】：

以下代码中嵌入的“\n”字符不会在生成的字符串中产生换行符。我是什么做的？？？ :-)

/* Load array into DOM */
var directory = document.getElementById ("directory");
directory.innerHTML = "";
var numberOfHouses = house.length;
for (i = 0; i < numberOfHouses; i++) {
    var houseNode = document.createElement('span');
    var text = (house[i][0] + "\n" + house[i][1] + "\n" + house[i][2] + "\n" + house[i][3] + "\n " + house[i][4] + "\n" + house[i][5] + "\n" + house[i][6] + "\n" + house[i][7] + "\n" + house[i][8] + "\n\n");
    var houseText = document.createTextNode(text);
    houseNode.appendChild(houseText);
    directory.appendChild(houseNode);       
  }

【问题讨论】：

字符串数据输出，但没有嵌入换行符。
stackoverflow.com/questions/1155678/… 的副本。如果您最终将字符串写入 html，则可以使用 br 标签来创建换行符。请记住，默认情况下 HTML 会折叠空格，包括换行符。

标签： javascript newline

【解决方案1】：

这是因为文本节点中的换行符不会呈现为换行符。

如果你想在网页上换行，你需要使用 white-space: pre-line; 之类的 CSS 来让它们计数，或者添加一个 <br> 元素

【讨论】：

【解决方案2】：

您需要使用<br> 来创建新行。您正在用 javascript 创建字符串，但它正在用 HTML 解释。

【讨论】：

【解决方案3】：

var directory = document.getElementById ("directory");
directory.innerHTML = "";
var numberOfHouses = house.length;
for (row = 0; row < numberOfHouses; row++) {
  var houseNode = document.createElement('span');
  for (column = 0; column < 9; column++) {
    var text = (house[row][column]);
    var houseText = document.createTextNode(text);
    houseNode.appendChild(houseText);
    directory.appendChild(houseNode);
    var brNode = document.createElement ('br');
    houseNode.appendChild(brNode);
  }
  var pNode = document.createElement('p');
  directory.appendChild(pNode);
}

// 已修复！

【讨论】：