javascript - 如何在 iframe 中选择一个 div？

Question

我正在尝试获取 iframe 中 div 的内容，删除 iframe，然后仅显示 div。我不明白为什么这行不通 - 我不确定是使用 contentWindow 还是 contentDocument ..有任何指示吗？谢谢!

我有一个 id 为“iframe”的 div，其中 iframe 的 id 为“embedded_article”，

<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 时，您想要使用属于框架的 window 的 document，而不是 document在你的主窗口中。其余的应该是不言自明的。