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

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");