要素が document につながっているかを高速に調べる方法 - IT戦記

とある要素が document につながっているかどうかを調べたい！ とりあえず、ほとんどすべてのブラウザで出来る方法としては、 parentNode で確認することができますね。 function isElementInDocument(node) { do { if (node === document) { return true; } } while (node = node.parentNode) return false; } でも 前の例だとちょっと遅いので contains や、 compareDocumentPosition を使うといいです！ コードにすると以下のような感じ function isElementInDocument(node) { if (document === node) { return true } else if (document.compa

[amachang]

要素が document につながっているかを高速に調べる方法

[aki77]

jQuery.contains で使われている方法

[jimo1001]

compareDocumentPosition

[janus_wel]

ある node A の ancestor が B であるか調べる方法

[monjudoh]

野良要素の光速確認法

[atsukanrock]

パフォーマンス計測結果なし？

[daimaruonline]

要素が document につながっているかを高速に調べる方法

[hysa]

document.compareDocumentPosition(node)

[zorio]

おお、これは素晴らしい！

[solidstatesociety]

途中で平家につながったりしてるんだよね

[mooz]

document.documentElement.contains, document.compareDocumentPosition

[murky-satyr]

16 === document.DOCUMENT_POSITION_CONTAINED_BY

[kkeisuke]

js

[kits]

documentの子孫として存在するかどうかの判定と思います(document.createXXX しただけのnodeはfalse)。 ＞ id:teramako

[teramako]

document === node || docuent === node.ownerDocument ではダメなのかな... // id:kits ありがとうございます。納得しました

[efcl]

compareDocumentPositionを使ってDOMを調べる。ある要素が別の要素に含まれるかどうかを調べる