javascript - 通过 id name 检查元素是否有子节点

Question

如果这是一个简单的问题，我深表歉意!我是 javascript 的新手。

我正在尝试检查 div 是否具有特定的子元素(我将其命名为“child2”)。我知道 .hasChildNodes() 但据我所知它只会让你知道子节点是否存在。我试过 .contains 像这样:

if (parentDiv.contains(child2) == false) {

但即使 parentDiv 确实包含 child2，它仍然返回 false。这似乎是一件很简单的事情，我一直在尝试四处搜索，但我在纯 js 方面没有任何运气。谢谢!

Answer 1

您可以使用querySelector():

var hasChild = parentDiv.querySelector("#child2") != null;

querySelector() 方法允许您使用给定的 CSS 选择器字符串搜索起始元素下的子树。如果找到该元素，则返回其 DOM 节点。