在父页面上显示iframe div内容

时间:2011-09-22 18:57:11

标签: javascript iframe parent

我确信这是非常基本的,但我似乎无法得到任何我发现适用于我的解决方案。基本上,我需要从iframe获取div的内容,并将它们写入父页面中的div。这就是我所拥有的:

<iframe src="slideshows/slideshow/case2.html" frameborder=0 scrolling="no" 
id="frame1" name="frame1"></iframe>

<div id="caption">
   <script type="text/javascript">
   var caption = frame1.document.getElementById('slidecaption');
   document.write(caption);
   </script>
</div>

'slidecaption'是我试图抓取的iframe中Id的名称。

我得到的只是“空”。是因为iframe内容还没有加载吗?如果是这样,我如何延迟iframe加载?

谢谢, 斯科特


感谢你们两位的帮助。根据Márcio的想法,我想出来了:

我将该功能放在父页面中:

<script type="text/javascript">
function send() {
document.getElementById('slidecaption').innerHTML = 
frame1.document.getElementById('slidecaption').innerHTML}
</script>

我将调用放在iframe文档中:

<body onload="parent.send();">

此致 斯科特

1 个答案:

答案 0 :(得分:0)

我不确定这是你唯一需要做的事情,但你当然需要从dom中检索frame1。

<script type="text/javascript">
   var frame1 = document.getElementById('frame1');
   var caption = frame1.contentWindow.document.getElementById('slidecaption');
   document.write(caption);
 </script>