在类中添加innerText时如何监控

Question

我正在尝试监视此类table-responsive中的下一个类table table-striped table-condensed中的某些元素 例如，以下元素之一是<td style="opacity: 0.25; width: 14.29%; border-top: 0px;"><a href="/game/1680737" style="color: rgb(255, 90, 95);">1.69x</a></td> 如何跟踪何时更改这些元素之一以及如何更改运行以下脚本的元素时调用函数。 我尝试过Array.Observe和Proxy都不熟悉，所以我的失败尝试可能是由于我自己的傻眼。 Before Examples : 1.17x 4.28x 1.14x 3.13x 1.42x 3.7x 3.49x

function Calltofunction()
      {
        var stuff2 = document.getElementsByClassName("table-responsive");
    	var Before= stuff2[0].innerText;
        var stuff3 = stuff2[0].getElementsByTagName("td") //I can get new elements with this but how do I detect a change?
    	var res = Before.slice(0, 5);
    	Before = res;
    	Before = Before.replace('x',' ');
        Before.trim()
      }