将值从文本文件传递到 html 段落中-解网

问：

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

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

文本文件包含：

let text = 'Some random text';

然后html文件有这个：

</head>
<body>
    <h1>Wallboard</h1>

<script src=output.txt></script>
<script>
let pageText = text;

console.log(pageText)

let myParagraph = document.querySelector("#pageText");

console.log(myParagraph)

myParagraph.innerHTML = pageText;

;
</script>
<p id="pageText"></p>

</body>
</html>

JavaScript HTML CSS XHTML

你试过什么？请编辑您的问题并添加代码段，以演示您向 DOM 添加文本的最佳尝试。有很多关于如何做这类事情的例子和教程......因此，我们需要了解您正在采取什么方法，以及您在尝试中遇到了什么问题或错误。尝试在谷歌上搜索类似的东西：如何使用 JavaScript 向 DOM 元素添加文本。

0赞 GrafiCode 8/30/2023

您究竟如何从 JavaScript 中填充？output.txt

0赞 TheIronKing 8/30/2023

德夫林，请耐心等待，我很快就会回来找你。

0赞 TheIronKing 8/30/2023

Grafi，我正在使用 fs.writefile 将值输入到输出 .txt 中。

0赞 TheIronKing 8/30/2023

@devlincarnate到目前为止，我已经尝试了 Jarmo 的以下建议。是的，似乎有成千上万种方法可以做到这一点，这就是为什么我来到这里寻求那些知道的人最有效的方法。

答：

1赞 Jarmo T 8/30/2023 #1

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

</head>
<body>

<script src=output.txt></script>

<p id="pageText"></p>

<script>
let pageText = "Your text here";

let myParagraph = document.querySelector("#pageText");

console.log(myParagraph)

myParagraph.innerHTML = pageText;

</script>

</body>
</html>

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

Pass value from text file into a html paragraph

评论

评论