访问每个iframe孩子

时间:2013-03-20 09:58:40

标签: javascript iframe children

我正在与一个客户端项目合作,该项目正在与其他人的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);
        }
    }

}

1 个答案:

答案 0 :(得分:0)

好的,我发现了错误,我不知道为什么我想知道他们的目标嘿嘿 解决方案是

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);
        }
    }

}