JavaScript对css的一些操作
[javascript]
function $random(min, max){
return Math.floor(Math.random() * (max - min + 1) + min);
};
// JavaScript对css的一些操作
var CSSClass = {
has: function(el, className){
if (typeof el == "string") el = document.getElementById(el);
var cl = el.className;
if(!cl) return false;
if(cl == el) return true; //只有一个class
return (' ' + className + ' ').indexOf(' ' + cl.toString() + ' ') > -1;
},
add: function(el, className){
if (typeof el == "string") el = document.getElementById(el);
if (!CSSClass.has(el, className))
el.className = el.className == ''?className:(el.className + ' ' + className);
},
remove: function(el, className){
if (typeof el == "string") el = document.getElementById(el);
if (CSSClass.has(el, className))
el.className = CSSClass.trim( (' ' + el.className + ' ').replace(' '+className+' ', ' ') );
},
toggle: function(el, className){
CSSClass.hasClass(el, className) ? CSSClass.removeClass(el, className) : CSSClass.addClass(el, className);
},
trim: function(str){
return str.replace(/(^\s*)|(\s*$)/g, '');
}
}
var els = document.getElementById('content')[0];
var els = getElementsByClass('article', els, 'div');
for(var i=0,j=els.length; i<j; i++){
var h3 = els[i].getElementsByTagName('h3')[0];
var cls = 'title' + $random(1, 8).toString();
CSSClass.add(h3, cls);
}
不用多说什么,知道的看看就知道,不知道的说了也没用,过点时间搞成个小库,自己好用,呵呵!