如何使用节点JS访问DOM元素？

Question

JAVASCRIPT文件

const path = require('path');
const http = require('http');
const fs = require('fs');

const dir = '../frontend/';

const server = http.createServer((request, respond) => {
      console.log(request.url);

      respond.writeHead(200, {
            'Content-Type': 'text/html',
      });

      const readStream = fs.createReadStream(dir + 'index.html', 'utf-8');
      readStream.pipe(respond);
});

const icons = 'icons/';

fs.readdir(icons, (error, files) => {
      if (error) throw error;

      files.forEach((file) => {
            if (path.extname(file) == '.svg') {
                  // I want to append this filename in the DOM Element.
                  document.querySelector('.container').innerHTML = file; // Like This
                  // console.log(file); 
            }
      });
});

server.listen(3000, 'localhost');

HTML文件

<div class="container"></div>

每当我试图执行上面的代码时，它会给我一个类似这样的错误

                  document.querySelector('.container').innerHTML = file;
                  ^

ReferenceError: document is not defined
    at D:\Framework Final\backend\server.js:26:19
    at Array.forEach (<anonymous>)
    at D:\Framework Final\backend\server.js:23:13
    at FSReqCallback.oncomplete (fs.js:171:23)

谁能告诉我怎样才能做到不出错。

Answer 1

在NodeJS中，document对象不存在。您不能在NodeJS中访问DOM-Nodes或DOM中的任何内容。

NodeJS是服务器端JavaScript。

如果您想要从客户端获得任何数据，您必须添加客户端代码并将数据从客户端发送到服务器。这是通过post请求完成的。在后端，您必须设置一个带有路由的服务器。要在NodeJS中设置服务器，请使用Express（经常使用）。关于它的谷歌。