Jquery 操作 iframe 元素，高手速来看看
1.html :
<iframe id='a' src='2.html'></iframe>
2.html:
<iframe id='a' src='3.html'></iframe>
3.html:
<div class='myclass'>xxxxxxxxxxxxx</div>xxxxxxxxxxx
如何在1.html操作，让3.html中的 myclass 隐藏？用Jquery或纯js
主页面：
<body>
1.html:
<iframe id='a' src='2.html'></iframe>
2.html:
<iframe id='b' src='3.html'></iframe>
</body>
*********************************分割线************************************
2.html内容
<script>
function test() {
var p_window = window.parent;//获取父页面window
var divs = p_window.document.getElementById("b").contentWindow.document.getElementsByTagName("div");//从父页面中获取id为b的frame中的全部div
for (var i = 0; i < divs.length; i++) {//查找class=myclass，并隐藏
if (divs[i].className == "myclass") {
divs[i].style.display = "none";
}
}
}
</script>
<input onclick="test()" value="test" type="button"/>
注意点：非谷歌浏览器直接新建几个页面测试即可通过，但谷歌浏览器会认为是危险操作。
要测试谷歌浏览器必须在iis或可以模拟iis环境的开发工具才能测试通过。
<body>
1.html:
<iframe id='a' src='2.html'></iframe>
2.html:
<iframe id='b' src='3.html'></iframe>
</body>
*********************************分割线************************************
2.html内容
<script>
function test() {
var p_window = window.parent;//获取父页面window
var divs = p_window.document.getElementById("b").contentWindow.document.getElementsByTagName("div");//从父页面中获取id为b的frame中的全部div
for (var i = 0; i < divs.length; i++) {//查找class=myclass，并隐藏
if (divs[i].className == "myclass") {
divs[i].style.display = "none";
}
}
}
</script>
<input onclick="test()" value="test" type="button"/>
注意点：非谷歌浏览器直接新建几个页面测试即可通过，但谷歌浏览器会认为是危险操作。
要测试谷歌浏览器必须在iis或可以模拟iis环境的开发工具才能测试通过。
温馨提示：内容为网友见解，仅供参考
第1个回答 2012-07-09
jQuery 的话
var target = $(1).find('iframe#2').contents().find('iframe#3').contents().find('div.myclass');
target.hide();
var target = $(1).find('iframe#2').contents().find('iframe#3').contents().find('div.myclass');
target.hide();
第2个回答 2012-07-10
一楼说的对
相似回答
大家正在搜
