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

Javascript 查找父元素的子元素是否存在,javascript,dom,Javascript,Dom,我已经搜索了一段时间了,我想如果没有其他原因的话,在这里为未来的用户记录这个案例 如何使用普通javascript确定某个元素在DOM中是否包含某个子元素?我的应用程序中有一个类为“react tab”的元素。它将变为隐藏,当选项卡位于后台时,不再是“react tab”,而是“react tab hidden” 我想检查活动类'react tab'div是否包含id=“drawingDiv”的div 比如: if(document.getElementsByClass("react-tab")

我已经搜索了一段时间了,我想如果没有其他原因的话,在这里为未来的用户记录这个案例

如何使用普通javascript确定某个元素在DOM中是否包含某个子元素?我的应用程序中有一个类为“react tab”的元素。它将变为隐藏,当选项卡位于后台时,不再是“react tab”,而是“react tab hidden”

我想检查活动类'react tab'div是否包含id=“drawingDiv”的div

比如:

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

我还没有得到正确的答案,我不想使用jQuery。

听起来你可以使用它

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

和直接子类一样?是的,是直接子类。几乎可以,但当类更改为.react tab hidden时,它仍然“存在”哦,也许可以尝试
var exists=!!document.querySelector(“.react选项卡:未(.hidden)>#drawingDiv”)太棒了!。你就是那个人。下一个人可能会有一个很好的答案。我需要研究querySelector逻辑。@erikvold您应该将该注释添加到答案中,因为它实际上就是答案。;-)
var exists = !!document.querySelector(".react-tab:not(.hidden) > #drawingDiv");