[JS]MutationObserver in Firefox en Chrome

[Xtremelead]

Ik heb een html tabel die realtime met data gevuld wordt (door bijv. NodeJS of AJAX). Met een MutationObserver wil ik de data die veranderd bekijken en vergelijken om bijvoorbeed een andere css class mee te geven (bijvoorbeeld groene background bij stijging van de waarde en rood bij daling). Ik moet dus de characterData en characterDataOldValue als optie instellen.

Het updaten van de cellen in de tabel vind plaats met document.getElementById(cellid).innerText. Dit werkt goed in Chrome, maar Firefox kent innerText niet. Als ik voor Firefox textContent gebruik, ziet de MutationObserver de wijziging als childList en niet als characterData, dus kan ik de vorige waarde niet vergelijken. De cellen laten updaten door jQuery (.text() of .html()) zorgt ook voor een childList wijziging. innerHTML wordt ook gezien als childList.

Heeft iemand een idee hoe ik dit ook in Firefox kan laten werken?

[R4gnax]

De textnode die in de tablecell zit ophalen en daar het value attribuut van veranderen.

[Xtremelead]

Bedankt voor het duwtje in de juiste richting.
.childNodes[0].nodeValue wordt door zowel Chrome als Firefox gezien als characterData mutation.

[R4gnax]

Xtremelead schreef op dinsdag 27 mei 2014 @ 10:36:
Bedankt voor het duwtje in de juiste richting.
.childNodes\[0].nodeValue wordt door zowel Chrome als Firefox gezien als characterData mutation.

Graag gedaan.