2

うまくいけば、質問のタイトルは明確ですが、

次の場合はどうなりますか。

 <div id="parent">
      <img src="..." id="myImage"/>
 </div>

 <script>
 var i=document.getElementById('myImage');
 document.getElementById('parent').innerHTML='';
 // variable i should not be 'undefined' right? chrome debugger says nope!
 </script>

これを chromes デバッガーでテストしたところ、DOM オブジェクトが存在しなくなった後でも参照が「存続」しているように見えます... 正しいですか? (上記の例で) console.log(i) を実行しても、オブジェクトとそのすべてのプロパティが返されます... DOM に存在しなくなったので、ガベージ コレクターを起動してこの参照を「未定義」にするべきではありませんか?

このようなものがクロム以外の他のブラウザ（より具体的にはIE6 ...）でどのように処理されるか知っている人はいますか?

私が尋ねている理由は、ユーザーが後で別のアクションを実行する場合に使用するために、(ユーザーのアクションに応じて) いくつかの参照をグローバルに保存するためです...そして基本的に、DOM オブジェクトがまだ存在するかどうかをテストする方法が必要です。 .

すべてを明確にするために、小さな jsfiddle を作成しました: http://jsfiddle.net/9HCKt/

ありがとう。

更新:質問が明確ではなかったことがわかりました...このオブジェクトがクロスブラウザー互換の方法で DOM にまだ存在するかどうかをテストするにはどうすればよいですか?

4

2 に答える 2

2

あなたのフィドルは事態を悪化させます :) 削除された要素のタイプを知る必要があるのはなぜですか? 削除前も削除後もオブジェクトになります。何が起こるか疑問がある場合: あなたの要素はElementです。で確認できますi instanceof Element。DOM から切断されているだけです。実際には、DOM の別の場所または同じ場所で再度接続することができ、それは有効になります。要素が DOM に接続されていることを確認する方法について質問がある場合: 親が定義されているかどうかを確認してください。

if (i.parentElement) {
   // i connected to DOM
} else {
   // i disconnected
};

考えてみてください: で新しい要素を追加するときdocument.createElement、新しい要素はまだ接続されていません。しかし、明らかにそうではありませんundefined。

于 2013-06-07T08:54:39.663 に答える
1

jQueryが使えるなら

$(document).has($(i)).length

まだDOMにある1場合は、そうでなければなりません。i0

(上記の例で) console.log(i) を実行しても、オブジェクトとそのすべてのプロパティが返されます... DOM に存在しなくなったので、ガベージ コレクターを起動してこの参照を「未定義」にするべきではありませんか?

実際、i変数を使用して、オブジェクトへの参照を維持しているため、オブジェクトがガベージ コレクションされるのを防いでいます。

于 2013-06-07T08:58:05.623 に答える