二つの変数に入っているエレメントが同じものを参照しているか判定する

「同じ」と判定する基準としては
１．outerHTMLの値が一致する
２．document.bodyからのDOMツリー内ポジションが一致する
３．タグ名が一致する
などなど色々あり、どういう意味で「同じ」ものが必要かによって判定基準を変える必要があります。

この記事で扱うのは「変数Aから参照しているエレメントにinsertBeforeすると変数Bから参照しているエレメント側でも子要素が増える」という意味での「同じ」エレメントかどうかを判定する基準を用いた判定用関数です。

以下ソース



動作結果



単純に「div0==div0」とか「div0==div1」とかした結果がisEqualの結果と一致しているので、別にisEqual関数なんて定義しなくてもいいんじゃね？とも思いますが、何をもってtrueと判定されているのか資料が無いので、意図したとおりの判定を確実に実施するisEqualを使うことにします。

ちなみにisEqualはJavaScriptがシングルスレッド限定ということを利用したロジックになっています。今後、DOMアクセスに対してもマルチスレッドが可能になるかは不明ですが、もしそうなると運悪く同時にinnerTextが1111111から1234567へ奇跡的なタイミングで変更されると判定ミスします。現実的に考えてまずそんなことは起きないと思うので大丈夫と判断します。