如何使用外部 Javascript 文件在 HTML 中换行？答案

【问题标题】：How to do a line break in HTML with external Javascript file?如何使用外部 Javascript 文件在 HTML 中换行？
【发布时间】：2021-11-27 01:11:27
【问题描述】：

为我的 Javascript 类创建一个网站，告诉用户有关其浏览器等的信息。我有技术部分，但由于某种原因换行符不起作用，这让格式化很头疼。例如，这是一个函数，它几乎可以告诉用户的屏幕分辨率并将其放入 HTML 中的空输出 div 中

function screenResolution() {
    clearBox();
    document.getElementById('heading').textContent = "Screen Resolution";
    document.getElementById('output').textContent = "Width: " + screen.width + "Height: " + screen.height;
}

我想在 Width: xyz 和 Height: xyz 之间添加一个换行符，看起来像

宽度：1920

身高：1080

但使用 \n 或
似乎都不起作用。它只会把标签像字符串一样放入，所以它看起来像

宽度：1920高度：1080

有什么帮助吗？

【问题讨论】：

标签： javascript html

【解决方案1】：

您应该可以使用innerHTML 属性而不是 textContent：

document.getElementById('output').innerHTML = "Width: " + screen.width + "<br>Height: " + screen.height;

这是假设 output 不是文本字段或文本域（即 div、td 等）

【讨论】：