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