Mutation Observers and text changes

innerHTML

Original data

innerHTML with replaced element

Original data

innerHTML adds element

Original data

innerText

Original data

innerText with replaced element

Original data

textContent

Original data

textContent with replaced element

Original data

nodeValue

Original data

child node added

Original data

node removed

Original data

attribute align

Originally left-aligned

attribute style

Originally black

attribute onclick

Originally no onclick handler

-	Almost no text replacement is characterData. Explain that nodes are secretly being replaced.
-	Workaround: check added and removed nodes for elements. But: Edge
-	Chrome: innerText is characterData
-	characterData off, characterDataOldValue on:
	-	FF, Chrome, Saf: character events detected anyway
	-	Edge: syntax error in JS call
-	same for attribute and OldValue


https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/dom/mutation-observers
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

TO DO:
-	Solve Edge double entries for fake DOM/real text changes. Take first and ignore second?