Javascript/n 显示为字符串的一部分

Question

注意倒数第二行带有连接的“\n”。它似乎被添加到字符串的一部分，而不是像我希望的那样充当换行符。

对我做错了什么有什么想法吗？

我试图在在线编码练习环境中展示这一点。不涉及 HTML。

var currentInventory = [
  {
    name: 'Brunello Cucinelli',
    shoes: [
      {name: 'tasselled black low-top lace-up', price: 1000},
      {name: 'tasselled green low-top lace-up', price: 1100},
      {name: 'plain beige suede moccasin', price: 950},
      {name: 'plain olive suede moccasin', price: 1050}
    ]
  },
  {
    name: 'Gucci',
    shoes: [
      {name: 'red leather laced sneakers', price: 800},
      {name: 'black leather laced sneakers', price: 900}
    ]
  }
];

function renderInventory(inventoryList) {
  var summaryList = [];

  for (var i = 0; i < inventoryList.length; i++) {
    var currentElement = inventoryList[i];
    var designerName = currentElement.name;
    var shoes = currentElement.shoes;

    for (var j = 0; j < shoes.length; j++) {
      var shoe = shoes[j].name;
      var price = shoes[j].price;

      summaryList.push(designerName + ', ' + shoe + ', ' + price);
    }
  }
  var summaryString = turnListToString(summaryList);

  return summaryString;
}

function turnListToString(list) {
  var outputString = '';

  for (var i = 0; i < list.length; i++) {
    outputString += list[i] + '\n';
  }

Answer 1

\n将帮助您在输入框的值中添加换行符，但不能在 innerHTML 中添加换行符或textContent .

使用</br>相反

outputString += list[i] + '</br>';