在JavaScript字符串中嵌入新行字符

以下代码中嵌入的“\n”字符不会在生成的字符串中产生换行符。我该怎么办？？：-）

/*将数组加载到DOM中*/
var directory=document.getElementById（“目录”）；
directory.innerHTML=“”；
var NumberofHouse=房屋长度；
对于（i=0；i

您需要使用

来创建新行。您正在用javascript创建字符串，但它是用HTML解释的。

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

如果您想在网页上使用换行符，则需要使用CSS，例如

空白：pre-line

使它们计数，或添加一个

元素

var directory=document.getElementById（“目录”）；
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);
}

directory.innerHTML=“”；
var NumberofHouse=房屋长度；
对于（行=0；行

---

//修正

字符串数据输出，但不带嵌入的换行符。的重复。如果最终要将字符串写入html，则可以使用br标记创建换行符。请记住，默认情况下，HTML会折叠空白，包括换行符。

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);
}