如何使用 Node.js 在 JS 中执行 DOM 操作

Question

我正在尝试在 JS 中执行 DOM 操作。我一直在 scrimba 上学习 JS 和 HTML/CSS（我处于初学者水平），并且我正在尝试完全按照我所教的去做。但是，似乎我无法在 Scrimba 环境之外执行 DOM 操作。我目前正在使用 Node.js 运行 VSCode。我很难相信这个问题没有简单的解决方案。

我使用的代码如下：

let test = document.getElementById('result');

function num7(){
    test.textContent = "HWLLO"
}

我已经测试了 num7 函数，因为它连接到一个按钮（我正在尝试构建一个计算器），我知道它可以工作。

任何帮助将不胜感激，如果您有任何帮助，请提出问题。

Answer 1

Node 没有考虑到这个等式，但我“认为”这就是你要找的东西。如果不正确，请告诉我 HTML，我会进行调整。

let test = document.getElementById('result');

function num7(){
    test.innerHTML = "HWLLO"
}

num7();

<div id='result'></div>

Answer 2

你做的是对的！

但是您需要了解使用

nodejs

运行 Javascript 与在

browser

中运行它之间的区别。尽管它们同时运行 javascript，但它们完全不同。

Nodejs 没有DOM 的概念。您的代码所做的是访问 DOM 并操纵其内容，并且仅当您使用浏览器运行 javascript 时才适用。

尝试创建一个 HTML 文件并将代码放在那里，并确保使用浏览器打开。

另一点要注意的是，你的代码必须像下面这样结构

const result = document.getElementById("result");

function num7() {
  result.textContent = 7;
}

<button type="button" onclick="num7()">7</button>
<div id="result"></div>

还有其他方法可以使此动态化，例如传递参数以用作

textContent

的值