Question

我确信这是非常基本的，但我似乎无法得到任何我发现适用于我的解决方案。基本上，我需要从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();">

此致斯科特

Answer 1

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

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

在父页面上显示iframe div内容

1 个答案: