查找父元素的子元素是否存在

Question

我现在已经搜索了一段时间,并且想一想,如果没有别的,请在这里为未来的用户记录这个案例.

如何使用普通的javascript查明某个元素是否在DOM中包含某个子元素？我在我的应用程序中有一个带有'react-tab'类的元素.当选项卡在后台时,它将变为隐藏状态,不再是"反应选项卡",而是"反应选项卡隐藏".

我想检查活动类'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");