使用 JavaScript 查找父元素的子元素

小编典典

all

最有效的方法是仅使用纯 javascript 查找特定父元素的子元素（带有类或 ID）。没有 jQuery 或其他框架。

在这种情况下，我需要找到 parent的* child1 或 child2 ，假设 DOM 树在树中可能有多个 child1
或 child2 类元素。我只想要 父元素 ***

<div class="parent">
    <div class="child1">
        <div class="child2">
        </div>
    </div>
</div>

阅读 135

2022-06-15

共1个答案

小编典典

该children属性返回一个元素数组，如下所示：

parent = document.querySelector('.parent');
children = parent.children; // [<div class="child1">]

如果您愿意querySelector，还有其他选择。document.getElementsByClassName('parent')[0]

编辑：现在我考虑一下，您可以使用querySelectorAll来获取parent具有以下类名的后裔child1：

children = document.querySelectorAll('.parent .child1');

qS 和 qSA 的区别在于后者返回所有匹配选择器的元素，而前者只返回第一个这样的元素。

2022-06-15