Question

我尝试在iframe中获取div的内容，删除iframe，并仅显示div。我无法弄清楚为什么这不起作用 - 我不确定是否使用contentWindow或contentDocument ..任何指针？谢谢！

我有一个ID为id＆＃34; iframe＆＃34;，其中iframe为id＆＃34; embedded_article＆＃34;，

<script type="text/javascript">

function getContentFromIframe()

{    
var parent = document.getElementById('iframe');
var child = document.getElementById('embedded_article');

var oldContent = child.contentWindow.document.innerHTML;

var newContent = child.contentWindow.document.getElementById('ec-article').innerHTML;

  document.getElementById('iframe').removeChild(document.getElementById('embedded_article'));


parent.innerHTML = newContent;    

}
</script>

Answer 1

要进入iFrame中的div，您可以尝试这样的

     var div = document.getElementById("YourIFrameID").contentWindow.document.body.getElementById("YOUR_DIV_ID")

Answer 2

你的例子：

document.getElementById('iframe').removeChild(document.getElementById('embedded_article'));

应该看起来像：

var element = frames['iframe'].document.getElementById('embedded_article');

element.parentNode.removeChild(element);

window.frames['yourFrameId']评估与您的框架相关联的window对象。当您使用document.getElementById时，您希望使用属于您的框架document的{{1}}，而不是主窗口中的window。其余的应该是自我解释的。

如何在iframe中选择div？

2 个答案: