如何将数据从 Node.js 传递到 html

Question

我有一个简单的程序和一些数据字符串，我想将它们传递给本地托管的 HTML 页面，但出现错误：ReferenceError: document is not defined

这是我的 .js 文件index.js：

let some_string = "some data";

document.getElementById("dataButton").onclick = function(){
    var paragraph = document.createElement("p");
    var text = document.createTextNode(some_string); 
    paragraph.appendChild(text);
    var element = document.getElementsByTagName("body")[0];
    element.appendChild(paragraph);
}

还有我的 HTML test.html：

<!DOCTYPE html>
<html>

<head>
    <title>New title</title>
</head>

<body>
    <h1>Data page</h1>

    <button id="dataButton">Add data</button>
    <script src="index.js"></script>
</body>

</html>

非常感谢，如果有人想出我做错了什么！

Answer 1

将您的文件更新为以下内容

 let some_string = "some data"; const dataButton = document.getElementById("dataButton"); dataButton.addEventListener("click", () => { var paragraph = document.createElement("p"); var text = document.createTextNode(some_string); paragraph.appendChild(text); var element = document.getElementsByTagName("body")[0]; element.appendChild(paragraph); });

 <!DOCTYPE html> <html> <head> <title>New title</title> </head> <body> <h1>Data page</h1> <button id="dataButton">Add data</button> <script src="./index.js"></script> </body> </html>

如何将数据从 Node.js 传递到 html

问题描述

1 个解决方案

解决方案1
0 2022-06-27 03:49:52

如何将数据从 Node.js 传递到 html

问题描述

1 个解决方案

解决方案1 0 2022-06-27 03:49:52

解决方案1
0 2022-06-27 03:49:52