WebStorm JavaScript“;“未定义文档”;

WebStorm JavaScript“;“未定义文档”;,javascript,Javascript,我正在使用WebStorm,并尝试将HTML元素分配给JavaScript变量。当我运行JS文件时,出现以下错误: ion (exports, require, module, __filename, __dirname) { var eagle = document.g ^ ReferenceError: document is not defined 我的

我正在使用WebStorm,并尝试将HTML元素分配给JavaScript变量。当我运行JS文件时,出现以下错误:

ion (exports, require, module, __filename, __dirname) { var eagle = document.g
                                                                    ^
ReferenceError: document is not defined
我的JS代码在外部文件中,我想问题出在WebStorm设置的某个地方,但我找不到它

     var eagle = document.getElementById('eagle');
     console.log(eagle);
和HTML:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Traverse</title>

</head>
<body>
      <ul>
           <li id="eagle" class="bird">Eagle</li>
      </ul>

<script src="traverse-dom.js"></script>
</body>
</html> 

穿过

不要直接从WebStrorm运行JavaScript代码。它可能认为它处理的是node.js代码,因此引擎中没有定义
文档。从HTML文件运行javascript

因此,如果我想输出类似于所选元素的所有子元素的内容,我必须在浏览器控制台中查看我的输出?