javascript - 访问每个 iframe 子项

Question

我正在与一个客户项目合作，该客户项目正在与其他人内部的大量 iframe 合作。问题是我想从绝对父文档自动在所有 iframe 中添加一个 addEventListener，示例架构是这样的：

Document: iframe1, iframe2
Iframe1: iframe1.1, iframe1.2
Iframe1.1: iframe.1.1.1, iframe 1.1.2

我想模拟这样的事情：

iframes[i].contentWindow.document.getElementsByTagName('iframe')[0].contentWindow.document.getElementsByTagName('iframe')[i]

我写了这段代码，但我有一个“未定义”的错误：

 window.onload=function(){
    eventoIframe(document,null,1);
}



var eventoIframe=function(target,prev_target,lvl){
    console.log('Ejecuto funcion por '+lvl+' vez');
    var iframes=target.getElementsByTagName('iframe');
    if(lvl>2){
        var iframes=prev_target.target.getElementsByTagName('iframe');
    }
    if(iframes.length>0){
        for(var i=0;i<=iframes.length-1;i++){
            var iframe=iframes[i].contentWindow;
            iframe.addEventListener("click",function(event){
                console.log('click on:', event.target)
            },false);


            eventoIframe(iframe.document,target,lvl+1);
        }
    }

}

Answer 1

好吧，我发现错误了，不知道为什么我想知道prev目标嘿嘿解决方法是

window.onload=function(){
    eventoIframe(document);
}


var eventoIframe=function(target){
    var iframes=target.getElementsByTagName('iframe');

    if(iframes.length>0){
        for(var i=0;i<=iframes.length-1;i++){
            var iframe=iframes[i].contentWindow;
            iframe.addEventListener("click",function(event){
                //code to be execute on each iframe
            },false);
            eventoIframe(iframe.document);
        }
    }

}