javascript - 要素がドキュメント内にあるかどうかを知ることはできますか?

Question

var myElement = document.querySelector('div.example');// <div..></div>
/*
 * A lot time after, codes executed, whatever
 */
if( myElement.isInDocument )
{
     // Do something
}

「myElement」がまだドキュメントにあるかどうかを知る簡単な方法はありますか?

Answer 1

1つの方法は、使用することですcontains()

var myElement = document.querySelector('div.example');
console.log("elment ", myElement);
console.log("contains before ", document.body.contains(myElement));
myElement.parentNode.removeChild(myElement);
console.log("contains after ", document.body.contains(myElement));

JSFiddle

Answer 2

最初に.contains()メソッドが存在するかどうかを確認し、利用可能な場合はそれを使用できます。そうでない場合は、親チェーンをたどってドキュメント オブジェクトを探します。このようなコードを使用する以前のプロジェクトから、ドキュメントを取得するときに (IE の一部のバージョンでは)parentNode が空であることだけに頼ることはできないため、次のようなドキュメントを明示的に確認する必要もあります。

function isInDocument(e) {
    if (document.contains) {
        return document.contains(e);
    } else {
        while (e.parentNode && e !== document) {
            e = e.parentNode;
        }
        return e === document;
    }
}