How to get the entire document HTML as a string?

javascript html document tostring
Robin Rodricks picture Robin Rodricks · May 3, 2009 · Viewed 359.3k times · Source

Is there a way in JS to get the entire HTML within the html tags, as a string?

document.documentElement.??

Answer

Colin Burnett picture Colin Burnett · May 3, 2009

MS added the outerHTML and innerHTML properties some time ago.

According to MDN, outerHTML is supported in Firefox 11, Chrome 0.2, Internet Explorer 4.0, Opera 7, Safari 1.3, Android, Firefox Mobile 11, IE Mobile, Opera Mobile, and Safari Mobile. outerHTML is in the DOM Parsing and Serialization specification.

See quirksmode for browser compatibility for what will work for you. All support innerHTML.

var markup = document.documentElement.innerHTML;
alert(markup);

Related questions

Get IFrame's document, from JavaScript in main document

I have this HTML code: <html> <head> <script type="text/javascript"> function GetDoc(x) { return x.document || x.contentDocument || x.contentWindow.document; } function DoStuff() { var fr = document.all["myframe"]; while(fr.ariaBusy) { } var doc = …

Read More
How do I get the Window object from the Document object?

I can get window.document but how can I get document.window? I need to know how to do this in all browsers.

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More