                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /瀑布流布局

为什么我的是0？请大神指出错误

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
       <ul id="list">
           <li>1</li>
           <li>2</li>
           <li>3</li>
           <li>4</li>
       </ul>
       <p>class为on的p标签</p>
</body>
</html>
<script type="text/javascript">
window.onload=function(){
     var len1= getByClass('on','list');
     alert(len1.length); // 结果等于2为正确
     var len2= getByClass('on');
     alert(len2.length); // 结果等于3为正确
}
function getByClass(clsName, parent){
//定义函数getByClass()实现获取document或指定父元素下所有class为on的元素
    var oP=parent?document.getElementById(parent):document,
        box=new Array();
        s = oP.getElementsByTagName('*');
    for(i=0;i<s.length;i++){
        if(s[i].className==clsName){
            box.push(s[i]);
        }
    }
    return box;
}
</script>