通过js获取class类名的函数封装

Posted 凉心丶浮沉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过js获取class类名的函数封装相关的知识,希望对你有一定的参考价值。

通过className获取元素,不同的浏览器会有不同的支持情况,所以为了兼容各个浏览器在这里,我写了几个函数获取className的值

function byclass(classn){//全局获取类
var tags=document.all ? document.all : document.getElementsByTagName(‘*‘);
var arr=[];
for (var i = 0; i < tags.length; i++) {
//获取只有一个类名的元素
if (tags[i].className==classn) {
arr.push(tags[i]);
}
};
return arr;
}


function byclass2(classn){//全局获取类
var tags=document.all ? document.all : document.getElementsByTagName(‘*‘);
var arr=[];
for (var i = 0; i < tags.length; i++) {
//可获取有多个类名的元素
if (tags[i].className.indexOf(classn)!=-1) {
arr.push(tags[i]);
}
};
return arr;
}
function getclass(parentID,classn){//局部获取类
var parent=document.getElementById(parentID);
var tags=parent.all?parent.all:parent.getElementsByTagName(‘*‘);
var arr=[];
for (var i = 0; i < tags.length; i++) {
//获取只有一个类名的元素
if (tags[i].className==classn) {
arr.push(tags[i]);
}
};
return arr;
}
function getclass2(parentID,classn){//局部获取类
var parent=document.getElementById(parentID);
var tags=parent.all?parent.all:parent.getElementsByTagName(‘*‘);
var arr=[];
for (var i = 0; i < tags.length; i++) {
//可获取有多个类名的元素
if (tags[i].className.indexOf(classn)!=-1) {
arr.push(tags[i]);
}
};
return arr;
}














































以上是关于通过js获取class类名的函数封装的主要内容,如果未能解决你的问题,请参考以下文章

类 封装

怎样用原生JS封装自己需要的插件

(函数封装)获取class名称

1.封装

24 jQuery——对象的封装闭包匿名自调用函数

js的url解析函数封装