Javascript 为什么我的模板文字不创建新行？

有人能解释一下为什么我的模板文本中没有新行吗？

模板文本确实包含新行。但当浏览器呈现HTML时，它会重新包装该行

如果希望在不重新格式化的情况下查看文本，请将其放入

---

或者指定给.innerText而不是.innerHTML，这将保留换行符，但不保留缩进等其他格式。

模板文字确实包含换行符。但当浏览器呈现HTML时，它会重新包装该行

如果希望在不重新格式化的情况下查看文本，请将其放入

---

或者指定给.innerText而不是.innerHTML，这会保留换行符，但不会保留缩进等其他格式。

为什么您认为文本中没有换行符？当您将其放入innerHTML时，浏览器会自行换行，就像普通HTML.element现在没有一样\n为什么您认为文本中没有换行符？当您将其放入innerHTML时，浏览器会自行换行，就像普通的HTML.element现在没有，或者他可以只使用innerText，如果这是他渲染的全部内容，而不是HTML。@ArberSylejmani我认为innerText仍然可以换行，它只是逐字显示HTML标记和实体。谢谢！这非常有帮助。或者他可以只使用innerText，如果这是他渲染的全部内容，而不是HTML。@ArberSylejmani我认为innerText仍然可以换行，它只是逐字显示HTML标记和实体。谢谢！这很有帮助。

var request = require("request");
request("https://jsonplaceholder.typicode.com/users/1", function(
  error,
  response,
  body
) {
  if (!error && response.statusCode == 200) {
    //Things worked!
    var parsedData = JSON.parse(body);
    console.log(parsedData);
    document.getElementById(
      "text"
    ).innerHTML = `${parsedData.name} lives in Saint John NB. 
     Her street name is ${parsedData.address.street}`; //This should be a new line??????
  }
});

  if (!error && response.statusCode == 200) {
    //Things worked!
    var parsedData = JSON.parse(body);
    console.log(parsedData);
    document.getElementById(
      "text"
    ).innerHTML = `${parsedData.name} lives in Saint John NB.<br>
     Her street name is ${parsedData.address.street}`; //This should be a new line??????
  }