第一个页面中有3个iframe页面，在iframe的页面中包含cba的A标签，在点击cba这个标签的时候，动态在包含cba这个a标签的页面添加div

Question

jsjquery

Answer 1

iframe是独立的窗体，直接操作就行了。。除非你要更新另外一个窗体

Answer 2

不知道id为cba的a标签在哪个iframe里，我在页面加载时，给cba绑定了方法，我想在绑定方法的时候，动态在cba的页面里生成一个div，我在页面加载时创建的div，他是在最大的框架中，而不再我iframe框架里的页面中

Answer 3

那你需要遍历所有iframe找到那个id为cba的iframe了。。
    window.onload = function () {
        var ifr = document.getElementsByTagName('iframe'), doc, cba, div;
        for (var i = 0, j = ifr.length; i < j; i++) {//访问iframe放到try..catch中防止访问到跨域页面出错不能继续
            try {
                doc = ifr[i].contentWindow.document;
                cba = doc.getElementById('cba');
                if (cba) { //这个iframe中包含cba标签，执行你的添加div操作
                    div = doc.createElement('div');
                    //...添加操作，doc对象为iframe的document对象
                }
            }
            catch (ex) { }
        }
    }

Answer 4

整个html里，怎么样可以，我鼠标点击一个地方，就创建一个div

Answer 5

你点击那里先，父页添加的click事件，点击到iframe里面的内容是不响应的，iframe也需要添加<iframe src="1.html"></iframe>
<script>
    function clickEvent(e) {
        e = e || window.event;
        console.log(e);
        var doc = this,dv = doc.createElement('div');
        dv.className = 'pop';
        dv.style.cssText = 'position:absolute;border:solid 1px #f00;background:#eee;width:20px;height:20px';
        dv.style.left = e.clientX + 'px';
        dv.style.top = e.clientY + 'px';
        doc.body.appendChild(dv);
        console.log(dv)
    }
    window.onload = function () {
        var ifr = document.getElementsByTagName('iframe'), doc, cba, div;
        for (var i = 0, j = ifr.length; i < j; i++) {//访问iframe放到try..catch中防止访问到跨域页面出错不能继续
            try {
                doc = ifr[i].contentWindow.document;
                doc.onclick = clickEvent;
            }
            catch (ex) { }
        }
    }
    document.onclick = clickEvent;
    </script>

Answer 6

版主这串代码console的怎么会显示未定义

Answer 7

去掉那句，不需要。。调试用的，ie要打开开发工具才支持console对象，没有打开会报错

Answer 8

去掉那句，不需要。。调试用的，ie要打开开发工具才支持console对象，没有打开会报错e是null的怎么解决啊