js 封装自己的class类

最新推荐文章于 2024-09-20 10:49:34 发布

sunda112

最新推荐文章于 2024-09-20 10:49:34 发布

阅读量3k

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/sunling112/article/details/53257766

版权

JS 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>push</title>
<style type="text/css">
*{
margin: 0 auto;
margin: 0;
padding: 0;

}

</style>
</head>

<body>
<div></div>
<div class="demo"></div>
<div></div>
<div></div>
<div class="demo"></div>
<div></div>
<div></div>
<div class="demo"></div>
<div></div>
<div class="demo"></div>

<script type="text/javascript">

//因为IE6，IE7浏览器不支持ClassName获取元素，所有采用以下方式：先做判断，识别ClassName的直接返回classname

//不识别的话，就直接获取所有元素，在循环得出元素中有classname的元素，都追加到数组arr，并作为函数的返回值（返回值取代函数名和参数（我是这样理解的））。。 getClass("demo")=arr getClass("demo").length=arr.length

console.log(getClass("demo").length);

function getClass(classname){
if(document.getElementsByClassName){
return document.getElementsByClassName(classname);
}

var arr =[];
var bom = document.getElementsByTagName("*");
for(var i=0; i<bom.length; i++){
if(bom[i].className == classname ){
arr.push(bom[i]);
}
}

return arr;

}

</script>
</body>
</html>