为指定元素增加样式的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');
}


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



相关阅读:
Linux crontab定时执行任务 命令格式与详细例子
用asp.net编写的上传程序
MySQL数据库环境使用攻略
FpHtmlEnCode 函数之标题过滤特殊符号的代码
Javascript 中文字符串处理额外注意事项
ARP实现本机绑定的批处理文件
如何用Resin使IIS支持JSP和Servlet
Mysql 数字类型转换函数
javascript 检测浏览器类型和版本的代码
ASP 三层架构 Error处理类
CSS兼容:用CSS代码来判断浏览器是Firefox、IE6、IE7的代码
比较详细的关于javascript 解析json的代码
ASP.NET 返回随机数实现代码
CSS教程(5):通过实例学习CSS背景
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4