Question

替换iframe框架中的内容

有 a.html 网页，部分内容如下：
<iframe src="b.html" >...</iframe>

其中 b.html 有内容如下：
<div class="test">...</div>

请问如何用 JS或HTML 在 a.html 中把框架中的 div 标签隐藏呢？

Answer 1

a.html文件内容：
<iframe id="iframe1" src="b.html" ></iframe>
<input type="button" onclick="hideDiv()" value="隐藏DIV">
<script>
function hideDiv()
{
var win = document.getElementById("iframe1");
var div = win.contentDocument.getElementById("div_test");
div.style.display="none";
}
</script>

b.html文件内容：
<p>这里是DIV之外的内容</p>
<div id="div_test" class="test">DIV内容</div>

追问

刚测试了您给的代码，没反应哦。是不是JS无法跨域？

追答

在本机上测试正常，不支持跨域。