js 怎么从父页面获取子iframe页面的元素节点

js 怎么从父页面获取子iframe页面的元素节点

问题描述:

 我的父页面index.html中有
<iframe id="variety" name="variety" src="variety.html" frameborder="0" width="100%" height="450px" scrolling="no" ></iframe>
子页面variety.html中有
<div class="my-se">
                <p class="my-sel">你当前选择了:</p>
                <div class="my-select" id="my-select">柔柔</div>
            </div>
在父页面js代码中
var ss =document.getElementById('variety').contentWindow.document.getElementById("my-select").innerHTML;
    console.log(ss);

    ff中:什么反应也没有
    chrome中:Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.

    求指导!!!

本地fil浏览器测试不要用chrome,不允许相互操作,用Firefox或者ie,否则发布后通过http协议来测试

你是如何执行js代码的?iframe的onload事件中还是什么,是不是iframe没加载完毕,看你的样式应该是第三方类库来模拟的select吧。。自己检查下是不是ui被修改过了

console.log(ss);
===>控制台打印当前时间试试看

console.log(ss,new Date().getTime());