定义函数getByClass()实现获取document或指定父元素下所有class为on的元素。要求该函数可以接收一个参数也可以接收两个参数
条件：1.第一个参数为必需的，第二个参数为可选的
2.第一个参数为要获取的元素的类名，第二个参数如果传，则传父元素的id，不传则默认用document
3.返回获取到的所有带有”on”这个类的DOM元素
思路：
1.判断是否含有必须传的参数
2.取得所有的类名。并进行遍历
3.将遍历的类名和要获取的class进行比较
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul id="list">
<li class="on">1</li>
<li class="select">2</li>
<li class="on">3</li>
<li>4</li>
</ul>
<p class="on">class为on的p标签</p>
</body>
</html>
js
<script type="text/javascript"> window.onload=function(){ var len1= getByClass('on','list'); alert(len1.length); // 结果等于2为正确 var len2= getByClass('on'); alert(len1.length); // 结果等于3为正确 } function getByClass(clsName, parent){ //定义函数getByClass()实现获取document或指定父元素下所有class为on的元素 var oParent=parent?document.getElementById(parent):document var oCls=oParent.getElementsByTagName('*')//获取所有的标签元素 var arr=[]; for(i in oCls){
//对遍历的标签元素与要查找的元素进行判断 if(oCls[i].className==clsName){ arr.push(oCls[i]) } } return arr } </script>