Javascript: Get current page CURRENT source

Question

I have HTML and I need to get page source of this html.

document.documentElement.outerHTML

or

$.ajax({
async: true,
type: 'GET',
cache: false,
url: window.location.href,
success: function(data) {
   alert(data);
}
});

is working, but they display originally source. If I change html (by jQuery, for example), they don't read my changes.

Is it possible read CURRENT source of page?

How about `document.getElementsByTagName("HTML")[0].outerHTML`? — EricG, Dec 17 '12 at 12:25
Why do you think that `document.documentElement.outerHTML` would not work? — Bergi, Dec 17 '12 at 13:24
Possible duplicate of [How to get the entire document HTML as a string?](https://stackoverflow.com/questions/817218/how-to-get-the-entire-document-html-as-a-string) — wesinat0r, Oct 14 '19 at 01:32

Bruno · Answer 1 · 2012-12-17T12:53:06.187

11

Tried it on chrome and it works. Use

document.documentElement.innerHTML

Funnily enough your code also worked

document.documentElement.outerHTML

Check out the html printed to the console in this fiddle. It actually contains the changes made by jQuery.

edited Dec 17 '12 at 12:53

answered Dec 17 '12 at 12:25

Bruno

Note that this will include that have been made to the DOM. For example, some plugins inject HTML, and if you resize a , it will add a height and width attribute. – Jordan Eldredge Feb 14 '15 at 02:05

score 5 · Answer 2 · answered Dec 17 '12 at 12:06

5

Using jQuery you can do this by:

$( 'body' ).html();

For example.

Or convert to String:

$( 'body' ).html().toString();

answered Dec 17 '12 at 12:06

antyrat

it's not whole page, i guess? – indapublic Dec 17 '12 at 12:15
@indapublic it's body, for HTML use `$( 'html' )` – antyrat Dec 17 '12 at 12:16
Isn't it remarkable that the author `.outerHTML` doesnt work? – EricG Dec 17 '12 at 12:26

score 1 · Answer 3 · answered Dec 17 '12 at 12:07

1

You just need to grab the element and use the html method:

$('.selector').html();

answered Dec 17 '12 at 12:07

Tomer

score -1 · Answer 4 · edited Nov 29 '16 at 13:28

-1

Simple solution, source of a document usually embedded in html tag so use $('html').html(), you will get everything between html tags.

edited Nov 29 '16 at 13:28

Legionar

answered Aug 02 '16 at 17:12

Venkatesh

4 Answers4