JSDOM in nodeJS: How do I get back the manipulated html?

javascript node.js jsdom
Guy picture Guy · Aug 5, 2015 · Viewed 15.8k times · Source

I am trying to manipulate a remote HTML and return it manipulated. I decided to use JSDOM but cannot figure out how to get the manipulated HTML back. Any ideas?

  jsdom.env({
        url: "http://www.cnn.com",
        scripts: ["http://code.jquery.com/jquery.js"],
        done: function (err, window) {
            var $ = window.$;
            console.log("HN Links");
            var src = $(".ghciTopStoryImage1 img").attr('src','http://lorempixel.com/396/220/');
            var headline = $(".blkbigheader span").html('header');
            var description = $(".blkbigheader").parent().find("p a:eq(0)").html('text');

           // not working....
            content =$(window.document).html();

        }
    });

Answer

Domenic picture Domenic · Aug 26, 2015

From the jsdom readme:

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

var jsdom = new JSDOM("<!DOCTYPE html>hello");

jsdom.serialize() === "<!DOCTYPE html><html><head></head><body>hello</body></html>";
doc.documentElement.outerHTML === "<html><head></head><body>hello</body></html>";

Adapting your above example would then just be content = jsdom.serialize().

Related questions

Access to DOM using node.js

i want to access to html file and get an element by id using node.js, this is my html file : <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Diagram &…

Read More
How to access DOM using Node.js?

I have an editor.html that contains generatePNG function: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Diagram</title> <script type="text/javascript" src="lib/jquery-1.8.1.js"&…

Read More
jsdom.env not working on node.js C9

So I've been working with Node.js on C9 recently and ran into this problem in a javascript file: jsdom.env("", function(err, window) { TypeError: jsdom.env is not a function Here is my code: var jsdom = require('jsdom'); var $; …

Read More