Finden Sie, ob Kind Element des Elternelements existiert

Question

Ich habe jetzt eine Weile gesucht, und dachte, wenn für nichts anderes, diesen Fall hier für zukünftige Benutzer zu dokumentieren.

Wie finde ich heraus, ob ein bestimmtes Element ein bestimmtes untergeordnetes Element im DOM mit einfachem Javascript enthält? Ich habe in meiner App ein Element mit Klasse 'Reactive-Tab'. Es wird ausgeblendet und nicht mehr "Reagieren-Tab", sondern "Reagieren-Tab versteckt", wenn der Tab im Hintergrund ist.

Ich möchte überprüfen, ob die aktive Klasse 'react-tab' div ein div mit id = "drawingDiv" enthält.

so etwas wie:

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

oder

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

Ich habe noch die richtige Antwort zu bekommen, will ich nicht jQuery verwenden.

Answer 1

Klingt, als könnten Sie document.querySelector dafür verwenden.

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