为指定元素增加样式的js代码

166 阅读 0 评论 110 点赞

我是靠谱客的博主干净雨，最近开发中收集的这篇文章主要介绍为指定元素增加样式的js代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

这个函数主要是为指定的元素添加样式。相当于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'); 
} 