Node.js 文档未定义答案

【问题标题】：Node.js document is not definedNode.js 文档未定义
【发布时间】：2015-11-14 13:17:03
【问题描述】：

为什么 node.js 不能识别 document.GetElementById？它说'ReferenceError：文档未定义'。我能做什么？

ReferenceError: document is not defined
at Object.<anonymous> (C:\Users\Desktop\main.js:9:18)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Function.Module.runMain (module.js:501:10)
at startup (node.js:129:16)
at node.js:814:3

【问题讨论】：

因为... node.js 没有像浏览器那样内置的 DOM。
@KevinB：您可以发布该答案以便可以接受吗？谢谢。
@Felix Remus 已经有了。
考虑到您正在尝试根据 ID 获取值而我只是在尝试做同样的事情，这个答案可能对您更有用stackoverflow.com/questions/7977945/html-parser-on-node-js
改用window.document.getElementById

标签： javascript node.js

【解决方案1】：

从docs 只需将此注释添加到您的 .test.js 文件的顶部即可配置您的环境：

/**
* @jest-environment jsdom
*/

【讨论】：

【解决方案2】：

document 与 Web 浏览器中的 DOM（文档对象模型）相关。

然而，Node.js 不是浏览器环境。它是一个服务器环境，很像 PHP 或 Perl，因此，您无法访问浏览器的 DOM 或执行任何特定于浏览器托管 JavaScript 的操作。

最接近的方法是使用 browserify 之类的东西在客户端代码中包含 Node.js 模块。

【讨论】：

你能告诉我一些使用browserify的代码吗？
不，但他们有docs。请记住，客户端应用程序（DOM 可访问）的行为与服务器应用程序有很大不同。您将无法使用 browserify 在浏览器中启动服务器或执行任何与服务器相关的活动；它主要用于获取干净打包的 NPM 模块（例如 Moment.js 或 Lodash）并使其可用。
如果您要提供我们需要为某些库（例如 pdf.js）模拟浏览器 dom 服务器端的情况，我发现这个答案可能会更有用。
当然，但这不是问题所在。如果需要，请询问新的。

【解决方案3】：

要理解答案，有必要了解：Javascript Engine、Browser和Node.js之间的关系。

Javascript Engine：是 Javascript 编译器，将 JS 转换为机器码。例如，V8，就是一个很棒的。从技术上讲，V8 是用 C++ 开发的（您可以将其视为 C++ 程序）。

V8 实现了 ECMAScript，这是一种定义 JavaScript 特性和功能的 Javascript 语言标准。

但是 DOM 操作不是 ECMAScript 定义的。所以 V8 不支持。

浏览器：开发者可以在浏览器中使用document进行DOM操作，因为DOM操作是由浏览器提供的，例如：Chrome。

Chrome 也是由 C++ 开发的，V8（如前所述，也是由 C++ 开发的）嵌入到 Chrome 中以解释 Javascript。因此 Chrome 通过将 JS 命令和 C++ 实现绑定在一起来扩展或添加功能到 Javascript。

Nodejs：与 Chrome 不同，它是一个服务器端程序。但同样的是Nodejs是C++开发的，V8嵌入到Nodejs中来处理js。 Nodejs 以与 Chrome 类似的方式扩展了 Javascript 的功能。但是由于服务器端不需要处理 DOM，所以你不能在 Nodejs 中访问这些功能。

【讨论】：

【解决方案4】：

“npm install npm -g”
之后是“npm install -g typescript”

这个命令帮我解决了这个问题

【讨论】：

【解决方案5】：

好的，简短的回答是您想访问仅在窗口和前端可用的 document 对象，不要忘记 document === window.document 您在服务器端和节点端...

所以永远不要在你的节点端尝试这样的事情，例如通过 ID 获取根元素会抛出错误，而是尝试从前端访问它：

document.getElementById('root');

会抛出错误：

ReferenceError: document is not defined
at Object.<anonymous> (C:\Users\Desktop\app.js:12:50)
at Module._compile (my.js:490:34)
at Object.Module._extensions..js (my.js:518:10)
at Module.load (my.js:555:42)
at Function.Module._load (my.js:610:12)
at Function.Module.runMain (my.js:701:10)
at startup (node.js:899:16)
at node.js:901:3

简短的回答是不要在 node.js 中使用 document 和 window 对象，因为它们在 node.js 中不可用...

在某些情况下使用 Domino 可以帮助访问 dom...

顾名思义，domino 的目标是在 Node 中提供 DOM。

与最初的 dom.js 项目相比，domino 并非旨在运行不受信任的代码。因此，它不必隐藏其内部一个代理外观，它不仅使代码更简单，而且更高性能。

Domino 目前不使用任何和谐功能，例如代理或 WeakMaps，因此也可以在较旧的 Node 版本中运行。

欲了解更多信息，请访问here...

【讨论】：

这没有回答
这重申了问题。它不回答它

【解决方案6】：

您可以使用JSDom 将 Dom 支持添加到 Node.js。要使变量全局化，您可以使用任一

GLOBAL.document = new JSDOM(html).window.document;

或

global.document = new JSDOM(html).window.document;

html 是您的网站字符串。

要使用 JSDom，请将其包含在您的项目中：

const jsdom = require("jsdom");
const { JSDOM } = jsdom;

或者在纯js中：

var jsdom = require("jsdom");
var JSDOM = jsdom.JSDOM;

我希望这能回答你的问题。

【讨论】：