javascript - Javascript Iframe innerHTML

Question

HTMLをIFRAMEから取得する方法を知っている人はいますか?私はいくつかの異なる方法を試しました:

document.getElementById('iframe01').contentDocument.body.innerHTML
document.frames['iframe01'].document.body.innerHTML
document.getElementById('iframe01').contentWindow.document.body.innerHTML

等

score 20 · Accepted Answer

これがあなたが望むものだと思います：

window.frames['iframe01'].document.body.innerHTML

編集：

これはChromeとFirefoxでは機能しませんが、私がテストしたIEでは完全に機能します。今思えば大失敗だった

これはうまくいきます：

window.frames[0].document.body.innerHTML

これは正確に尋ねられたものではないことは理解していますが、場所があると思うので回答を削除したくありません。

以下の@ravzのjqueryの回答が好きです。

score 12 · Accepted Answer

次のようなものがあればうまくいきます。

<iframe id = "testframe" onload = populateIframe(this.id);></iframe>

// The following function should be inside a script tag

function populateIframe(id) { 

    var text = "This is a Test"
var iframe = document.getElementById(id); 

var doc; 

if(iframe.contentDocument) { 
    doc = iframe.contentDocument; 
} else {
    doc = iframe.contentWindow.document; 
}

doc.body.innerHTML = text; 

  }

score 9 · Accepted Answer

JQueryを見ると、次のようなことができます。

<iframe id="my_iframe" ...></iframe>

$('#my_iframe').contents().find('html').html();

これは、Javascriptの同一オリジンポリシーにより、iframe の親と子が同じサーバーに存在することを前提としています。

score 5 · Accepted Answer

コンロイの答えは正しかった。body タグの内容のみが必要な場合は、次を使用します。

$('#my_iframe').contents().find('body').html();

score 2 · Accepted Answer

セキュリティ上、ドメインをまたぐことはできないことを忘れないでください。

したがって、この場合はJSONを使用する必要があります。

score 2 · Accepted Answer

そのために contentDocument または contentWindow プロパティを使用できます。これがサンプルコードです。

function gethtml() {
  const x = document.getElementById("myframe")
  const y = x.contentWindow || x.contentDocument
  const z = y.document ? y.document : y
  alert(z.body.innerHTML)
}

ここでmyframeは、iframe の ID です。注: ドメイン外の src から iframe からコンテンツを抽出することはできません。

score 1 · Accepted Answer

1

document.getElementById('iframe01').outerHTML

于 2014-06-19T11:30:51.357 に答える

javascript - Javascript Iframe innerHTML

10 に答える 10

Related

Reference