js class 选取单个或多个元素的实例代码

发布时间:2019-10-14编辑:脚本学堂
为大家介绍如何用javascript的class来实现选择单个或多个元素的代码,有需要的朋友,可以参考学习下。

代码如下:

<script language="javascript">
/**
*class 选择元素
*http://www.jb200.com
*/
function getElementsByClassName(elem_name,elem_tags) { //elem_name:查询的class名,elem_tags:在哪个元素下查找
if(elem_tags == null) {
elem_tags = '*';
}
var all_elem = document.getElementsByTagName(elem_tags);//返回一个元素数组
var arr = []; //定义一个空数组,用于存放结果
for(var i=0; i<all_elem.length; i++) { //因为all_elem是一个数组,索引从0开始,所以遍历次数要比元素总数小1
if(all_elem[i].className == elem_name) {
arr.push(all_elem[i]);
}
}
return arr; //返回这个结果数组
}
</script>