Javascript 递归地观察iframe中的新元素

我正在寻找一种方法，用普通javascript（无jquery）递归地观察iframe中的新元素。棘手的是每个iframe中可能有几个其他iframe

是否有方法监视新元素，甚至是嵌套在iframe中的元素

样本结构

div
  iframe
     head
     body
       div
         iframe
            head
            body
              div
                div
                  iframe

当前代码基

function add_listener(element) {
  element.addEventListener('DOMNodeInserted', function(event) {
    if(event.target.tagName == "iframe") {
      add_listener(event.target.contentDocument)
    }
  })
}

add_listener(document)

---

提前谢谢

听起来是个大任务。到目前为止，你得到了什么？写吧，我有一个新dom元素的事件监听器，但它只在一层工作。其中一个主要问题是，当我向iframe添加事件侦听器时，如果第三方代码执行文档，它可能会被删除。write（）是的，我们需要查看您的文字代码，以了解您实际执行的操作，这样我们就可以帮助找出如何使其递归等等。@who这是我添加的当前代码。谢谢你的帮助！此代码的另一个问题是它不处理

文档。编写
将清除所有事件侦听器。在
write
之后添加事件侦听器不会捕获使用write方法插入的所有元素