定义函数getByClass()实现获取document或指定父元素下所有class为on的元素,要求该函数可以接收一个参数也可以接收两个参数:第一个参数为必需的,第二个参数为可选的;第一个参数为要获取的元素的类名,第二个参数如果传,则传父元素的id,不传则默认用document。
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>
<script type="text/javascript">
window.οnlοad=function(){
var len1= getByClass('on','list');
alert(len1.length);
var len2= getByClass('on');
alert(len1.length);
}
getByClass方法如下:
function getByClass(clsName, parent){
var arr=[];
var oElements;
if(parent=""){ //第二个参数为空
var oElements=document.getElementsByTagName("*");
}else{ //第二个参数不为空
oParent=document.getElementById("parent");
oElements=oParent.getElementsByTagName("*");
}
for(var i=0;i<oElements.length;i++){
if(oElements[i].className==clsName){
arr.push(oElements[i]);
}
}
return arr;
}