iframe内のdivを選択するにはどうすればよいですか？

Question

iframe内のdivの内容を取り出し、iframeを削除し、divのみを表示しようとしています。私はこれがうまくいかない理由を理解できません - 私はcontentWindowまたはcontentDocumentを使用するかどうか分かりません。ありがとう！

idのiframeの "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を使用している場合、メインウィンドウのdocumentではなく、windowに属するdocumentを使用します。残りは自明でなければなりません。

Answer 2

は、あなたがこの

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

ような何かを試すことができiFrameの内側のdivを取得することの中に、私は、ID "IFRAME" で1つのdiv要素を持っています