How to get Html code after javascript has modified it?

Question

I want to get the HTML code of a webpage after it has been modified (similar to one that we see in inspect element tab of a browser) and I want to do it programatically (if possible using python or any other programming language). Can someone suggest how I might be able to proceed with this? I know its possible since browsers are able to do it.

In javascript you could do something like: 'getElementyByTagName('HTML'), right before the block code ends of the event fired, which made the DOM manipulation :); as Ashish Kumar mentioned above, .innerHTML gives you the HTML inside the element, if you need only text, you could do .text / .value on the element in question — iyerrama29
– iyerrama29, Commented Jun 1, 2016 at 11:56
What is your usecase? The current answers asume a browser. If you are scraping you should use something like selenium. — syntonym
– syntonym, Commented Jun 1, 2016 at 12:09
I am hitting an API which gives me a HTML(with javascript). I want to parse the html(after javascript modification) and return some specific tag-fields. — shubham003
– shubham003, Commented Jun 1, 2016 at 12:17

Community · Accepted Answer · 2017-05-23 10:28:58Z

1

As the server has no access to client window after client-side changes, you have to use client side languages.

In jquery:

var fullCode= "<html>" + $("html").html() + "</html>";

if you want also to include the Doctype:

var node = document.doctype;
var fullCode = "<!DOCTYPE "
         + node.name
         + (node.publicId ? ' PUBLIC "' + node.publicId + '"' : '')
         + (!node.publicId && node.systemId ? ' SYSTEM' : '') 
         + (node.systemId ? ' "' + node.systemId + '"' : '')
         + '>';
fullcode += "<html>" + $("html").html() + "</html>";

Thanks to this

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Jun 1, 2016 at 12:00

Ali Sheikhpour

11.4k5 gold badges53 silver badges100 bronze badges

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

Comments

MallowWebFrontEndTeam · Accepted Answer · 2016-06-01 12:07:57Z

0

Using JQuery you can achieve this by the following code

$(document).ready(function(){
    var html = "<html>"+$('html').html()+"</html>";
});

answered Jun 1, 2016 at 12:07

MallowWebFrontEndTeam

11 bronze badge

1 Comment

thepio Over a year ago

This doesn't really make it so that the page content is refreshed when a function is fired.

Collectives™ on Stack Overflow

How to get Html code after javascript has modified it?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related