功能就绪（fn）在页面内容加载后触发功能fn

Question

我正在撰写Chrome扩展程序。我不使用任何类型的js框架（只有纯js）。所以这是我的问题： 我正在尝试从网上商店解析数据，点击类别/项目/项目详细信息。但是他们的网站有一些脚本可以将新数据加载到正文中而无需重新加载页面[something like this]。因此，当我的脚本工作时，它有点尝试在新DOM未加载时获取DOM元素。我试过了

document.addEventListener("DOMContentLoaded", ()=>{
   //my code goes here
})

但它不起作用，因为页面没有重新加载。所以首次加载后的页面仍然具有相同的状态。 在阅读了一些互联网博客，网站等后，我来到了

document.addEventListener("DOMNodeInserted",()=>{
    //some code
})

它可以完成工作，但每次添加页面上的项目时都会触发事件。所以有方法等待所有项目都加载。或者也许

所以这是我的最后一个问题。如何编写一个函数ready（fn），它会在内容加载后触发fn（）