为指定元素增加样式

从此例子中发现，js对"" 与 " " ，注意中间还有一空格，解析是非常严格的。在java与net中还有待于研究。

这个函数主要是为指定的元素添加样式。相当于Jquery中的addClass(class)--为每个匹配的元素添加指定的类名。

在Jquery中要求 class (String) : 一个或多个要添加到元素中的CSS类名，请用空格分开。而这个函数也是有这样的要求。

 

div{ border:1px solid #ccc; width:200px; height:200px;}
.a{ background:#900; }
.b{ font-size:30px; font-weight:bold;}

 

function addClass(elements, value){
    if(!elements.className){
        elements.className = value;
    } else {
        newClass = elements.className;
        newClass += " ";
        newClass += value;
        elements.className = newClass;
    }
}

window.onload = function(){
    var test = document.getElementById('test');
    alert(test.className);
    addClass(test, 'a b');
    //addClass(test, 'b');
}

 

<div id="test">这里是测试层</div>