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

Question

 我的父页面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.

    求指导！！！

Answer 1

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

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

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

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