javascript - IE での getElementById.contentDocument エラー

Question

<html>
   <script type="text/javascript">
      function func() {
         alert(document.getElementById('iView').contentDocument);
      }    
   </script>
   <body>
      <iframe id="iView" style="width:200px;height:200px;"></iframe>
      <a href="#" onclick="func();">click</a>
   </body>
</html>

クリック後、Firefox は [object HTMLDocument] を返します。Internet Explorer は undefined を返します。

Internet Explorer で iView 要素を選択するにはどうすればよいですか? ありがとう。

score 43 · Accepted Answer

に相当するクロスブラウザcontentDocument(動作する Firefox 自体を含む)contentDocument はcontentWindow.document.

だから試してください：

alert(document.getElementById('iView').contentWindow.document);

contentWindowiframe のオブジェクトへの参照を取得します。windowもちろん、これは iframe の.documentDOM Document オブジェクトにすぎません。

よくまとめた記事はこちら。

score 12 · Accepted Answer

このページから:

Mozilla は、IFrameElm.contentDocument を介して iframe のドキュメントオブジェクトにアクセスする W3C 標準をサポートしていますが、Internet Explorer では、document.frames["name"] を介してアクセスし、結果のドキュメントにアクセスする必要があります。

したがって、ブラウザを検出する必要があり、IE では代わりに次のようにします。

document.frames['iView'].document;

score 3 · Accepted Answer

iframe の内容を正しく取得したいようですね。

IE7 と FF2:

var iframe = document.getElementById('iView');
alert(iframe.contentWindow.document.body.innerHTML);

score 3 · Accepted Answer

contentDocumentIE 8 でサポートされているように、機能検出を使用します。

var iframe = document.getElementById("iView");
var iframeDocument = null;
if (iframe.contentDocument) {
    iframeDocument = iframe.contentDocument;
} else if (iframe.contentWindow) {
    // for IE 5.5, 6 and 7:
    iframeDocument = iframe.contentWindow.document;
}
if (!!iframeDocument) {
    // do things with the iframe's document object
} else {
    // this browser doesn't seem to support the iframe document object
}

score 2 · Accepted Answer

contentWindow.document.body.innerHTML

Internet ExplorerとFirefoxで動作していますが、

contentDocument.body.innerHTML

Firefox でのみ動作します。

score 1 · Accepted Answer

このようなことをします：

var myFrame = document.getElementById('iView');
var frameDoc = myFrame.contentDocument || myFrame.contentWindow;

if (frameDoc.document){
  frameDoc = frameDoc.document;
}

alert(frameDoc);

詳細については、このページを参照してください

javascript - IE での getElementById.contentDocument エラー

6 に答える 6

Related

Reference