JavaScriptのiframeでDOM要素を取得する

Question

2つのドキュメントがあり、そのうちの1つがiframeで埋め込まれています。私はiframe要素上のdocument.getElementById機能を使用することはできません、しかし、IFRAME内のimgタグにアクセスするには、このコードを使用しようとしている：

iframes = document.getElementsByTagName("iframe") 
spaces = iframes[0].contentWindow.document; 
spaces = spaces.getElementsByTagName("img") 
for (var i=0, max=spaces.length; i < max; i++) { 
    alert(spaces[i].innerHTML) 
} 
alert(spaces) 
var x = document.getElementById("frame"); 
var y = (x.contentWindow || x.contentDocument); 
if (y.document)y = y.document; 
alert(y.body.innerHTML) 

スペースは、[オブジェクトHTMLCollection]とyに戻り、[オブジェクトを返します。だから、HTMLDocumentの]

Answer 1

あなたのiframeのコンテンツと同じドメインにしている場合、あなたは、同じドメイン上にないなら、あなたは操作/ iframeのコンテンツにアクセスすることはできません

document.getElementById('my-iframe').contentWindow.document.getElementById(...) 

を使用することができますセキュリティ上の理由から。さもなければ、悪意のある人々は、Facebookや何かのように見えるiframeを投げて、他の人々の情報を盗む可能性があります。

同じドメインに属していないが、使用している両方のドメインを所有している場合は、2つのフレームの間にmessagingを設定できます。そして親を使って情報/操作のために子供にメッセージしてください。