how do I get the html after js has changed it

Question

Say the javascript has done some DOM manipulation like document.getElementById('id').innerHTML = "text". How do I get the frozen HTML at the very moment?

UPDATE:

I do not mean the particular code above. I mean after any sequence of operation.

Do you mean you want to chain things? In other words return the element that just was manipulated? — Matijs, Mar 09 '12 at 06:38
Are you looking for [mutation events](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mutationevents)? — Dagg Nabbit, Mar 09 '12 at 07:22

score 2 · Accepted Answer · answered Mar 09 '12 at 06:18

2

Store it beforehand?

var currentHtml = document.getElementById('id').innerHtml;
document.getElementById('id').innerHtml = 'newHtml';

// codes

document.getElementById('id').innerHtml = currentHtml;

answered Mar 09 '12 at 06:18

Andreas Wong

59,630
19
106
123

score 0 · Answer 2 · edited May 23 '17 at 12:29

0

See this answer you can get the idea how to restore the original state:

How can I "reset" <div> to its original state after it has been modified by JavaScript?

edited May 23 '17 at 12:29

Community

1
1

answered Mar 09 '12 at 06:37

midishero

97
2
4

score 0 · Answer 3 · answered Mar 09 '12 at 07:20

An element's innerHTML property represents the markup that would generate its content at the moment it's read. However, it may not accurately represent attributes like listeners that have been dynamically added or altered.

If you wish to restore a fragment to its current state, you could clone and store it, then replace it as required. Again, listeners may or may not be accurately cloned depending on how they were added and the browser in use.

score 0 · Answer 4 · answered Mar 09 '12 at 07:35

0

Why do you need the HTML? If you want it for debugging, you can use the Developer Tools in IE 9 by pressing F12. It usually shows the latest snapshot of HTML DOM.

answered Mar 09 '12 at 07:35

Samarth Bhargava

4,196
3
17
16

how do I get the html after js has changed it

4 Answers4