iFrame に投稿するフォームがあります。iFrame 内の Web サイトは、私が制御できないものです。ただし、iframe内のいくつかの画像の表示を「なし」に設定したいと思います。
<form id="testForm" method="post" target="testFrame">
<input type="hidden" name="RequestXML" ID="RequestXML" value="<Request><RedirectURL>Account/TokenRequest</RedirectURL></Request>"
</form>
<iframe id="testFrame" name="testFrame" frameborder="0" style="width:1000px;height:500px"> </iframe>
ページの上部にある私のスクリプトは次のとおりです。
<script type="text/javascript">
$(function () {
$("#testForm").attr("action", "http://externalwebsite.aspx");
$('#testForm').submit();
var iframe = document.getElementById('testFrame');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
//alert($("#testFrame").contents().find("body").html());
//alert(innerDoc.innerHTML);
});
</script>
私のアラートは両方とも、Chrome、IE、Firefox で null を返します。その iframe 内の要素にアクセスする最良の方法は何ですか。(クロムでは、「要素の検査」を実行してhtmlを表示しようとすると、そのWebサイトのhtmlも表示されません)
ちなみに、私はMVC4プロジェクトでこれをすべて行っています