Actually,simplicity is not simple

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);
}

不用多说什么,知道的看看就知道,不知道的说了也没用,过点时间搞成个小库,自己好用,呵呵!

日志信息 »

该日志于2010-01-28 23:52由 asins 发表在Develop分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下引用到你的网站或博客,还可以通过评论 RSS订阅这个日志的所有评论。

相关日志 »

发表评论 »

captcha
请输入验证码