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

Question

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

        }
    });

In something similar I used: `window.document.querySelector( 'html' ).outerHTML` to get the whole document. — Sirko, Aug 05 '15 at 09:33

score 44 · Accepted Answer · edited Oct 23 '22 at 17:21

44

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().

edited Oct 23 '22 at 17:21

Ninjakannon

3,751
7
53
76

answered Aug 26 '15 at 00:24

Domenic

110,262
41
219
271

score 18 · Answer 2 · answered Aug 05 '15 at 09:38

18

sometimes jQuery isn't the answer

content = window.document.documentElement.outerHTML;

answered Aug 05 '15 at 09:38

Jaromanda X

53,868
5
73
87

1

this will strip the doctype – Benny Powers Feb 04 '19 at 14:55
easily added using `window.document.doctype` – Jaromanda X Feb 04 '19 at 20:38

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

2 Answers2

Linked