使用HTML DOM方法创建HTML文件,并在nodejs中写入该HTML文件

时间:2016-08-04 08:31:21

标签: javascript html node.js

我正在尝试在nodejs中编写HTML文件。我需要使用所有DOM方法创建元素。我试过跟随,但抛出错误document is undefined。请告诉我我做错了什么,做正确的方法是什么。感谢

var fs     = require('fs');

var myDiv= document.createElement("div");
myDiv.setAttribute("id","myDiv");'

var data = myDiv.outerHTML;

var writerStream = fs.createWriteStream('abcd.html');
writerStream.write(data,'UTF8');
writerStream.end();
writerStream.on('finish', function() {    console.log("Write completed."); });
writerStream.on('error', function(err){   console.log(err.stack); }); 
console.log("Program Ended");

1 个答案:

答案 0 :(得分:1)

此问题是由于没有可用的窗口对象。记住文档对象来自窗口。 当我们写文档时,它实际上是window.document。 但是nodejs不提供窗口对象,因为它在服务器端运行。

为此,您可以使用名为 jsdom 的模块。在这里浏览jsdom:https://www.npmjs.com/package/node-jsdom

安装jsdom并尝试类似:

var jsdom  = require('jsdom');
var fs     = require('fs');
var http = require("http");
http.createServer(function (request, response) {
     response.writeHead(200, {'Content-Type': 'text/plain'});
     response.end('Hello World\n'); 
}).listen(8081); 
console.log('Server running at http://127.0.0.1:8081/');

jsdom.env({
  html: 'http://127.0.0.1:8081/',
  src: [],
  done: function(errors, window) {

    var document = window.document;
    var myDiv= document.createElement("div");
    myDiv.setAttribute("id","myDiv");'

    var data = myDiv.outerHTML;

    var writerStream = fs.createWriteStream('abcd.html');
    writerStream.write(data,'UTF8');
    writerStream.end();
    writerStream.on('finish', function() {    console.log("Write completed."); });
    writerStream.on('error', function(err){   console.log(err.stack); }); 
    console.log("Program Ended");

  }
});