为指定元素增加样式

简介:

从此例子中发现,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 >

 

本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2009/12/09/1619850.html,如需转载请自行联系原作者
目录
相关文章
|
3月前
|
前端开发
css实战——清除列表中最后一个元素的下边距
css实战——清除列表中最后一个元素的下边距
65 0
|
5月前
|
前端开发
CSS元素隐藏的多种方式:让你轻松实现页面布局
CSS元素隐藏的多种方式:让你轻松实现页面布局
|
11月前
|
JavaScript
jQuery动态增加一行元素和删除一行元素
jQuery动态增加一行元素和删除一行元素
29 0
|
移动开发
操作元素样式
操作元素样式
|
前端开发 JavaScript 异构计算
CSS隐藏元素的几种方式
CSS隐藏元素的几种方式
229 0
|
前端开发 容器
css中如何调整元素位置
css中如何调整元素位置
144 0
|
前端开发
CSS层级小技巧:在滚动时自动添加头部阴影
CSS层级小技巧:在滚动时自动添加头部阴影
221 0
CSS层级小技巧:在滚动时自动添加头部阴影
|
前端开发
如何优雅地为列表非首项元素添加样式,关键靠他们。
在开发中我们常常会会遇到列表相关的场景,比如说:卡片列表,导航栏等等。
101 4
如何优雅地为列表非首项元素添加样式,关键靠他们。
|
JavaScript API 容器
彻底弄懂元素样式、位置、大小相关计算
在我们日常开发中偶尔会碰到获取元素样式、设置某元素样式、计算元素位置、计算滚动距离等需求。但是js中关于元素位置、样式、大小的api种类繁多,稍不留神就会搞不清楚。今天笔者就带你彻底弄清楚,让你在这类问题上不再迷茫。
205 0