私の祖先が表示されていますか？

Question

要素の祖先の1つがdisplay：noneであるかどうかを知る方法はありますか？DOMツリーをトラバースしないでください。

Answer 1

JavaScriptコードの中からどうやってやるのだろうと思いますか？もしそうなら、jQueryのis（ '：visible'）関数を使うことができます。そうでない場合、私はこれを探している将来のユーザーのために投稿しています。

$("#selector").is(":visible") // returns true or false 

以下の条件を確認します。

• スタイルdisplay:none
• フォーム0PXにtype="hidden"
• widthとheightセットとinput要素です。
• ので、任意の親はdisplay:none

Answer 2

にVanilla JS™を使用して、親要素にdisplay: noneをチェックするための既製の方法は、スタイルが存在していないされている場合：あなたはArrayへのアクセス権を持っていない

1. 要素のすべての親要素を含む（:has()でない場合は、querySelectorAll()と一緒に使用します）。

2. displaygetComputedStyle()無行く（とでもこれは働いていた、中断継承を検出することができません）になりこれ、non-inherited propertyです。

トラバースする必要があります。