newuser1001,
Вы не поняли, ваша реализация просто бредовая, так как всё это делается одной строкой и ваш код просто лишний.
С таким же успехом:
<html>
<head>
</head>
<foo id="foo">foo</foo>
<body>
<div class="foo">
<ul>
<li>
<span>span</span>
<a href="">foo</a>
</li>
<li>
<a href="">foo</a>
</li>
</ul>
</div>
<div class="foo">
<ul>
<li>
<a href="">foo</a><br>
<a href="">bar</a>
</li>
<li>
<a href="">foo</a>
</li>
</ul>
</div>
<script>
$=function(str){
return document.querySelectorAll(str);
}
console.log ($(".foo li a"))
</script>
</body>
</html>