Convert [object HTMLDocument] Into a String

Question

I'm creating an HTML document object:

let newHTMLDocument = document.implementation.createHTMLDocument();

let html = `<!DOCTYPE html>
<html>
    <head>
        <title>Hello, world!</title>
    </head>
    <body>
        <p>Hello, world!</p>
    </body>
</html>`;

newHTMLDocument.open();
newHTMLDocument.write( html );
newHTMLDocument.close();

console.log( String(newHTMLDocument) ); // [object HTMLDocument]

Instead of "[object HTMLDocument]," how can I convert newHTMLDocument into a string containing all of the HTML code, including the doctype and html tag?

Community · Accepted Answer · 2020-06-20 09:12:55Z

8

try this one console.log(new XMLSerializer().serializeToString(newHTMLDocument)) it will grab html content from document into string format

demo

jsbin

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 25, 2018 at 3:53

uzaif

3,5512 gold badges24 silver badges36 bronze badges

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

5 Comments

GTS Joe Over a year ago

This doesn't work. It doesn't return the doctype, which I need in order to be a full representation of the original HTML document code.

uzaif Over a year ago

@GTSJoe try this console.log( newHTMLDocument.documentElement.outerHTML );

GTS Joe Over a year ago

@uzauf I need the <doctype> too.

uzaif Over a year ago

try this one console.log(new XMLSerializer().serializeToString(newHTMLDocument))

GTS Joe Over a year ago

Yes, that's it! Thank you, Uzaif! Please update your answer to include console.log(new XMLSerializer().serializeToString(newHTMLDocument)).

Eric · Accepted Answer · 2018-03-25 03:49:36Z

1

You can use console.log(newHTMLDocument.documentElement);

answered Mar 25, 2018 at 3:49

Eric

2,7257 gold badges32 silver badges70 bronze badges

Comments

hema sundar Ginni · Accepted Answer · 2018-03-25 04:15:16Z

0

You can use innerhtml property of the element.do this thing.

ele = newHTMLDocument.getElementByTagName('html') console.log(ele[0].innerHTML);

answered Mar 25, 2018 at 4:15

hema sundar Ginni

3233 silver badges12 bronze badges

Collectives™ on Stack Overflow

Convert [object HTMLDocument] Into a String

3 Answers 3

demo

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

demo

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related