查找父级纯javascript的子元素

Question

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

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

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

Answer 1

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

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

QuerySelector还有其他替代方案，如Document.GetElementsByClassName('parent')[0]。

编辑：现在我想起来了，您可以只使用QuerySelectorAll获取类名为Child1的Parent的偏斜项：

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

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