Differ

differ-example.js

  <script src="templates/diffDOM.js"></script>
  <script>
  var before = document.createElement('div');
before.innerHTML = "<p>Hello, World!: 1</p><input type='text'>";
before.childNodes[1].value = "Hello, World!"
console.log('Output: %o', before.childNodes[1].value);

var after = document.createElement('div');
after.innerHTML = "<p>Hello, World: 2</p><input type='text'><p>Whassup?</p>";

var dd = new diffDOM.DiffDOM({valueDiffing: false});
var diff = dd.diff(before, after);
console.log('Diff: %o', diff);
dd.apply(before, diff);

console.log('Patched: %o', before.innerHTML);
console.log('Form input value: %o', before.childNodes[1].value);

console.log('Output: %o', before.childNodes[1].value);
</script>

output.txt

test.html:6 Output: "Hello, World!"
test.html:14 Diff: (2) [a, a]
test.html:17 Patched: "<p>Hello, World: 2</p><input type="text"><p>Whassup?</p>"
test.html:18 Form input value: "Hello, World!"
test.html:20 Output: "Hello, World!"