查找父纯JavaScript的子元素

什么是最有效的方法是使用纯JavaScript来查找（具有类或ID）特定父元素的子元素。 没有jQuery或其他框架。

在这种情况下，我需要findparent1的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相对比较新，在旧版浏览器中不支持。 如果你愿意的话，还有其他的select，比如document.getElementsByClassName('parent')[0] 。

---

编辑：现在我想到了，你可以使用querySelectorAll来获取parent类的派生类的名称为child1 ：

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

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

Answer 2

如果你已经有var parent = document.querySelector('.parent'); 你可以这样做，以search范围的parent的孩子：

 parent.querySelector('.child')