将文本文件中的值传递到 html 段落中

Question

我有一个从另一个 JavaScript 动态填充的文本文件。由于要求/捆绑问题和许多其他问题，我只是将结果写入文本文件。

我现在想在网页上的一个段落中显示结果。访问信息似乎很简单，打印到控制台可以使用下面的代码，但是我现在如何将文本放入段落中，以便我可以使用 CSS 等对其进行格式化：

文本文件包含：

let text = 'Some random text';

然后 html 文件中有这样的内容：

<script src=output.txt></script>
<script>
let pageText = text;
console.log(pageText);
</script>
<p id="pageText"></p>

Answer 1

您必须使用 JavaScript 找到 HTML 元素，然后将元素内部 HTML 设置为您的文本内容：

// The text from your page file
let pageText = "My page text";

// Querying for a paragraph element by its id
let myParagraph = document.querySelector("#pageText");

// Populating the inner HTML of the element with your page text
myParagraph.innerHTML = pageText;

<p id="pageText">

</p>