如何在iframe中选择div？

Question

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

我有一个id为"iframe"的div,其中id为"embedded_article"的iframe,

<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

你的例子：

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属于框架的window，而不是document主窗口中的 。其余的应该是不言自明的。