递归地观察iframe中的新元素

Question

我正在寻找一种在普通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)

提前致谢！