JavaScript:递归函数无法正常工作

Question

我正在尝试执行递归函数以按类查找 HTMLelement，但由于某种原因它在到达没有子元素的子元素后停止。这是代码:

---

var alpha = Obj.elementByClass(document.body, "message");

Obj.elementByClass = function(element, cl) {
   var elementChildren = element.children,
       elementChildrenLength = elementChildren.length;

   for(var num=0; num<elementChildrenLength; num++) {
      if(elementChildren[num].className && elementChildren[num].className.indexOf("cl") > -1) {
         return elementChildren[num];
      }
      else if(elementChildren[num].children.length !=0) {
         return Obj.elementByClass(elementChildren[num], cl);
      }
   }
};

---

请不要建议 jquery 或其他库，我想了解为什么它在到达没有子元素的元素时停止。

谢谢!

Answer 1

因为 for由于 num 两个原因，当元素没有子元素时，循环永远不会执行和 elementChildrenLength正在0和条件num<elementChildrenLength永远不会是真的。