用Javascript调用css的类

怎样用Javascript代码调用css中的类，请高手指点

解决方案 »

  1.   

    没办法，没有原生的 document.getElementsByClass
    只能先用别的办法遍历 再判断，比如
        odivs = document.getElementsByTagName("DIV");
        if (odivs[i].className == "myclass") { }
      

  2.   

    <div id="demo" class="test"></div><script type="text/javascript">
    alert(document.getElementById('demo').className);
    </script>
      

  3.   

    如：<div id="div1"></div>
    css:
    .divCss
    js:
    document.getElementsByID("div1").className="divCss";
      

  4.   

    dom中class就是 楼主所说
    style中就这样<!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    </head>
    <body>
    <div class="a">111111111</div>
    <div class="b">111111111</div>
    <div class="c">111111111</div>
    <script>
    function $(el){
    return typeof el == 'string' ? document.getElementById(el) : el;
    }

    ;(function(w, d){
    var ie = !+[1,];
    var o = null;
    var styleSheet = function(){
    this.init();
    };
    styleSheet.prototype = {
    init: function(){
    var h = d.getElementsByTagName('head')[0];
    var s = d.createElement('style');
    h.appendChild(s);
    o = d.styleSheets[d.styleSheets.length-1];
    },
    add: function(selector, style){
    ie ?
    o.addRule(selector, style)
    :
    o.insertRule(selector + "{" + style + "}", o.cssRules.length);
    },
    del: function(index){
    ie ?
    o.removeRule(index)
    :
    o.deleteRule(index);
    },
    getRules: function(){
    return ie ?  
    o.rules
    :
    o.cssRules;
    },
    getRule: function(selector){
    var rules = this.getRules();
    for(var i = 0, len = rules.length; i < len; i++){
    var r = rules[i];
    if( r.selectorText == selector ){
    return r;
    }
    }
    return null;
    }
    }
    w.styleSheet = styleSheet;
    })(window, document);

    var s = new styleSheet;
    s.add('.a', 'color:red;')
    s.add('.a', 'font-size:111px;')
    s.add('.a', 'font-size:11px;')
    s.add('.b', 'color:blue;')
    //s.del(0)
    alert( s.getRule('.a').style['color'] )

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

  5.   

    这貌似说反了吧，应该是css类中定义的样式啊，CSS本身又不能定义类，类名是在HTML中定义的，LZ直接说想干什么得了
      

  6.   

    不明白楼主的意思。如果是改变已有内容的class的话，用jquery吧$("div").removeClass('').addClass('');