埋め込みオブジェクト内の要素を選択するにはどうすればよいですか？

Question

私は次のように私は別のウェブサイトを埋め込むていますウェブサイトを持っている：

<object data=http://example.com width="600"    
height="400"> <embed src=http://example.com/> </embed> Error: 
Embedded  data could not be displayed. </object> 

私はオーバーフロー使用して、オーバーフローを隠すことができるようにしたいと思います：隠されたが、私は、オブジェクトにIDを与える場合は、それを参照しますこれは機能しません。 Firebugでテストするとき、objectの子要素を設定すると、html（Webページを埋め込むため）、overflow：hiddenになります。これはうまくいきます。だから私の質問は、どのように私は隠されたオーバーフローを有効にすることができますこの埋め込みオブジェクトの子を選択することですか？

多くの感謝！

アレックス

Answer 1

あなたが（誰かがその上に私が間違ってprooves場合、私はより幸せになるだろう）CSSでそれを選択することができないようですが、あなたはJavaScriptでそれにアクセスすることができます

var obj = document.getElementById("obj"); // assuming you object has id "obj" 
var doc = obj.contentDocument; // get the inner DOM 
var el = doc.getElementById("d1"); // assuming the embedded document has such an element 
el.style.background = "green"; 

参照してください。このフィドル：http://jsfiddle.net/kGce2/