4

iframe のあるページがあり、子フレームから DOM ノードを抽出して親ページに配置したいと考えています。これは Firefox (3.5) では機能しますが、Internet Explorer (7) では機能しません。

コードをできる限り単純に分解しました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Fragment</title>
</head>

<body>

<iframe src="blank.html"></iframe>

<script type="text/javascript">
window.onload = function () {
    var fragment = document.createDocumentFragment();
    var div = frames[0].document.createElement("div");
    fragment.appendChild(div);
};
</script>

</body>
</html>

Invalid argument" " 行で " "エラーが発生しましたfragment.appendChild(div);。このエラーは、iframe のドキュメントからドキュメント フラグメントを作成し、親ドキュメントから div 要素を作成していることが原因のようです。このコードは、両方が同じドキュメントを使用している場合に機能します。

DOM ノードに関連付けられている可能性のあるイベントを保持したいので、innerHTML を使用したくありません。

誰でもこれの修正を知っていますか？

4

3 に答える 3

4

問題は、現在のドキュメントで作成されたフラグメントにノードを採用していないことです。次のいずれかを使用します。

fragment.appendChild(fragment.ownerDocument.createElement("div"));

また

fragment.appendChild(fragment.ownerDocument.adoptNode(document.createElement("div"));
于 2010-02-17T22:36:35.023 に答える
2

ここでは推測を危険にさらしていますが、次を使用してdivを作成してみてください

var div = frames[0].document.createElement("div")

それ以外の

var div = document.createElement("div")

メイン ドキュメントの createElement() メソッドを使用すると、IE で問題が発生する可能性があります。

于 2010-02-17T21:10:32.283 に答える
0

ここで答えを見つけたと思います：http://www.alistapart.com/articles/crossbrowserscripting/

2 つの異なる ownerDocument プロパティからドキュメントをインポートするには ... DOM レベル 2 メソッド importNode() を使用する必要があります。これらの場合、DOM は単純な document.appendChild() を許可しないためです。

于 2010-02-18T19:26:01.933 に答える