親要素の子要素が存在するかどうかを確認します。

Question

私はしばらくの間検索しました。

プレーヤのJavaScriptを使用して特定の要素にDOM内の特定の子要素が含まれているかどうか調べるにはどうすればよいですか？私はクラス '反応タブ'を持つ要素を私のアプリケーションに持っています。タブがバックグラウンドにあるとき、それは隠され、「反応タブ」ではなく「反応タブ非表示」になります。

アクティブなクラスの[react-tab] divにid = "drawingDiv"のdivが含まれているかどうかを確認します。

そうのようなもの：私は正しい答えを得るには至っていない

if(document.getElementsByClass("react-tab").contains("drawingDiv")) 

または

if(document.getElementsByClass("react-tab").childNodes.contains("drawingDiv")) 

、私はjQueryのを使用する必要はありません。

Answer 1

これはdocument.querySelectorのように聞こえます。

var exists = !!document.querySelector(".react-tab:not(.hidden) > #drawingDiv");