Javascript 显示div中内容更改的日期和时间（vanilla JS）

我尝试使用香草JS；显示更新html元素的日期和时间

例如，当我的网站中的内容发生变化时：

<li class="active"></li>

---

但是我需要一个普通的JS解决方案。

大多数jQuery代码都有类似的解决方案。

$（'li.active'）

可以替换为

document.querySelectorAll（'li.active'）

。这将提供与选择器匹配的所有元素。

bind

调用可以通过迭代元素并使用

addEventListener（'domSubtreModified'，function（event）{…}）

使用变异观察者来观察列表项，而不是整个文档

//我们要观看的项目
var watch=document.querySelector（“.active”）
//具有回调的新观察者在更改时执行
var观察者=新的突变观察者（（突变列表）=>{
console.log（新日期（）.toutString（））
});
//使用这些设置开始观察元素
observer.observe（watch，{childList:true，subtree:true}）；
//修改元素的一些随机测试函数
//这将确保回调正确运行
设置间隔（（）=>{
watch.innerHTML=Math.random（）*1000
}，1000）

可能的副本您仍然可以使用它。将其附加到元素而不是文档，这样会将其隔离。最好是向上游订阅实际更改标记的JS内容，而不是嗅探变异副作用，因为变异副作用脆弱且会破坏性能。至少。。。

$('li.active').bind("DOMSubtreeModified",function(){
    alert('changed');
});