Question

I need to check whether document element value is changed after particular operation using Javascript.

My requirements are:

• There is document elements contains default values after changing particular date element .
• There is some Ajax operation document elements values changes.

This returns all the document element then after I’m going to store it into array

document.body.getElementsByTagName('*');

I want to find out which element values changes after request using java script

Answer 1

I would suggest you serialize the elements and values before the operation takes place, and then compare the serialized data to the live elements following the process.

Serializing can be very easy:

function serialize() {
  var output = "";
  for (var i = 0; i < document.myForm.elements.length; i++) {
    name   = document.myForm.elements[i].name;
    value  = document.myForm.elements[i].value;
    output = output + name + "=" + value + "&";
  }
  alert(output);
}