Create HTML file by using HTML DOM methods and write into that HTML file in nodejs

Question

I am trying to write HTML file in nodejs. I need to create elements using all the DOM methods. I tried following, but throwing error document is undefined. Please suggest me what wrong I am doing and what is the right way to do this. Thanks

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");

for why its not defined in nodejs look here: stackoverflow.com/questions/32126003/… — Roland Starke
– Roland Starke, Commented Aug 4, 2016 at 8:37
Yeah I look into it. but it is pointing out the issue. Not telling how to achieve this — Sayan Sarkar
– Sayan Sarkar, Commented Aug 4, 2016 at 8:45

Tuhin · Accepted Answer · 2016-08-04 08:50:24Z

1

This issue is due to there is no window object available. Remember document object comes from window. When we write document, it is actually window.document. But nodejs does not provide the window object, as it runs on serverside.

So to do this you can use a module called jsdom. Go through jsdom here: https://www.npmjs.com/package/node-jsdom

Install jsdom and try something like:

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");

  }
});

answered Aug 4, 2016 at 8:50

Tuhin

3,3932 gold badges18 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Sayan Sarkar Over a year ago

how to install jsdom

Tuhin Over a year ago

npm install node-jsdom

Louis Over a year ago

@Tuhin The OP asked a question which can be answered in multiple ways. One of them is "use jsdom". This does not warrant adding the tag to the question. So I've reverted your edit. It would have been okay if the OP had specifically asked a question about jsdom but that was not the case here.

Tuhin Over a year ago

Okay.. I will remove then

Collectives™ on Stack Overflow

Create HTML file by using HTML DOM methods and write into that HTML file in nodejs

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related