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

Question

我现在已经搜索了一段时间，并且不管怎么说，都要在这里为未来的用户记录这个案例。

如何使用普通javascript查明某个元素是否在DOM中包含某个子元素？我在我的应用程序中有一个带有类＆＃39; react-tab＆＃39;的元素。它将变得隐藏起来，而不再是“反应”标签。但＆＃39;反应标签隐藏＆＃39;选项卡在后台时。

我想检查一下活跃的班级＆＃39; react-tab＆＃39; div包含一个id =＆＃34; drawingDiv＆＃34;。

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