Get html source using javascript including style

Question

I am trying to get the html source of a website including all the styles of the elements set by the css. So basically the rendered html of the page, such that if an element is hidden it has style = display:none

When using the functions below style attributes added by the css are not included in the string.

document.getElementsByTagName('html')[0].innerHTML;

or

inDocument.documentElement.innerHTML;

Is there a way to include the css attributes?

Thanks, James

I'm actually passing the html string back to java so iframes aren't an option — James
– James, Commented Jun 7, 2012 at 5:02
Sorry, actually posted an answer and then checked this.. This may be of some help stackoverflow.com/questions/4781410/… — verisimilitude
– verisimilitude, Commented Jun 7, 2012 at 5:24

verisimilitude · Accepted Answer · 2012-06-07 05:19:14Z

1

I don't think jQuery is necessary for fetching the HTML Source. Just use

document.documentElement.outerHTML

This will include the CSS attributes as well.

answered Jun 7, 2012 at 5:19

verisimilitude

5,1283 gold badges32 silver badges37 bronze badges

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

2 Comments

kiranvj Over a year ago

Will it include computed styles also?

verisimilitude Over a year ago

Sorry, actually posted an answer and then checked this.. This may be of some help stackoverflow.com/questions/4781410/…

Community · Accepted Answer · 2017-05-23 11:55:48Z

1

This will help you jQuery CSS plugin that returns computed style of element to pseudo clone that element?

Also check the jQuery clone function mentioned here http://api.jquery.com/clone/

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Jun 7, 2012 at 4:52

kiranvj

34.2k8 gold badges75 silver badges81 bronze badges

2 Comments

James Over a year ago

So I could run that as I parse the elements and add them to a string? Then return the string.

kiranvj Over a year ago

>>add them to a string Not sure. But you can add them to an object, because clone() returns a jQuery object.

Collectives™ on Stack Overflow

Get html source using javascript including style

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related