javascript - iframe内にあるdivを非表示にする方法は?

Question

iframe 内にある div を非表示にしたいのですが、属性によって div を非表示にする方法はありますか

div id="content"例:コンテンツを非表示にする必要がある iframe があります。php.net

<iframe src="http://php.net/" id = 'iframe'>
      <div id="content">...</div>
</iframe>

どこで間違いを犯しているのかわかりません。この問題を解決するのを手伝ってください

function hideIt(){
   document.getElementById('iframe').contentWindow.document.getElementById('content').style.display = 'none';
}

score 0 · Accepted Answer

セキュリティ上の理由で問題があると思います。

score 0 · Accepted Answer

あなたは実際にhttp://php.net/でこれをやろうとしていますか? Corinne Kubler が指摘しているように、同じ生成元ポリシーに違反するため、セキュリティ上の理由から (コンテンツが実際に php.net でホストされていない限り) これを行うことはできません。

Web ブラウザーのデバッガー/開発者ツール (F12 を試すか、メニューを使用) を開くと、コンソールを確認してこれを試すことができます。おそらく、「許可が拒否されました」または何かが表示されます (IE9 では「アクセスが拒否されました」と表示されます)。

2 に答える 2