Javascript 如何在element.innerHTML更改时立即运行函数?

Javascript 如何在element.innerHTML更改时立即运行函数?,javascript,Javascript,首先,我计划将元素的innerHTML设置为getter和setter 但我发现它不起作用,我知道为什么不起作用,但有没有办法完成这项任务? 谢谢您需要查看一下。浏览器对这些事件的支持很差,但它们可能会帮助您抓住innerHTMl(即DOM)更改的时刻。查看DOMSubtreeModified事件 更新 或者,您可以设置超时,并在一段时间后手动检查dom更改。一旦检测到更改,就可以触发应用程序级事件或执行函数。尝试DomainNodeInserted事件。 jQuery: 它不兼容跨浏览器。但这

首先,我计划将元素的innerHTML设置为getter和setter 但我发现它不起作用,我知道为什么不起作用,但有没有办法完成这项任务?
谢谢

您需要查看一下。浏览器对这些事件的支持很差,但它们可能会帮助您抓住innerHTMl(即DOM)更改的时刻。查看DOMSubtreeModified事件

更新

或者,您可以设置超时,并在一段时间后手动检查dom更改。一旦检测到更改,就可以触发应用程序级事件或执行函数。

尝试DomainNodeInserted事件。 jQuery:

它不兼容跨浏览器。但这可能不是一个问题,取决于您的项目


您可能希望使用setInterval定期检查更改。

方法是控制所有.innerHTML更改,然后在发生更改时手动调用您的函数。如果您解释您试图解决的总体问题,您可能会得到更好的帮助。当y发生变化时,您已经提供了一个可能的解决方案调用x,您应该描述这个问题。您是否只关心JS应用程序所做的变化,或者客户端发起的变化?e、 g.sI不建议。据我所知,应该避免突变事件。
$('.yourElement').bind('DOMNodeInserted', function(e) {
    alert('New content: ' + $(e.target).innerHTML);
});