码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-12 18:47:26      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:get   func   tags   全局   parent   封装   nts   push   classname   

通过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类名的函数封装

标签:get   func   tags   全局   parent   封装   nts   push   classname   

原文地址:http://www.cnblogs.com/D-Y-W/p/6994320.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!