JavaScript原生获取当前页面中元素的数量

Question

 这是js代码

window.onload=function(){
	waterfull('main','box');
}
function waterfull(parent,box){
	//将main下的所有class为box的元素取出来
	var oParent=document.getElementById(parent);
	var oboxs=getele(oParent,box);
		console.log(oboxs.length);
	}
function getele(Parent,clsname){
	var boxarr=new Array();//class为box的元素集合
	var oElements=Parent.getElementsByClassName('*');
	//遍历所有的子元素，取出所有class为box的元素，并且放入数组中；
	for(i=0;i<oElements.length;i++){
		if(oElements[i].className==clsname){
			boxarr.push(oElements[i]);
		}
	}
	return boxarr;
}

这是html

<div id="main">
			<div class="box">
					<div class="pic">
						<img src="./images/1.jpg" />
					</div>
			</div>
			<div class="box">
					<div class="pic">
						<img src="./images/2.jpg" />
					</div>
			</div>
</div>

新手求解答，我在控制台打印出来为什么显示0啊！

Answer 1

不能用 * 号当通配符，得写具体的classname，你还不如直接写box，这样就会找到两个，要么使用var oElements=Parent.querySelectorAll("*");

Answer 2

一步步log下，就知道哪错了