getElementById（）为元素的子元素

Question

getElementById()位于document对象上。

如果我已经有一个元素参考，我怎么能找到有给定ID的孩子（或孩子的孩子等）？

var parent = document.getElementById(parentId), 
    child = parent.getElementById(childId); 

此代码失败，因为页面上的普通元素没有getElementById方法。

（我处于维护模式，ID不一定是唯一的，并且不能使用jQuery）。

Answer 1

你可以使用querySelector()：

child = parent.querySelector("#" + childId); 

Answer 2

你可以自己循环所有的子节点吗？

像这样的东西可能：

GetChildElementByID = function (rootElement, id){ 
    var children = GetAllNodes(rootElement); 
    for(var i in children){ 
     var element = children[i]; 
     if(element.id == id){ 
      return element; 
     } 
    } 
    return null; 
} 

GetAllNodes = function (rootElement) { 
    var nodes = []; 
    var childNodes = rootElement.childNodes; 
    for (var i in childNodes) { 
     var node = childNodes[i]; 
     if (node.nodeType) { 
      nodes.push(node); 
     } 
     nodes.push.apply(nodes, GetAllNodes(node)); 
    } 
    return nodes; 
}