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


Posted in Javascript onDecember 09, 2009

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

Javascript 相关文章推荐
jquery实现手机发送验证码的倒计时代码
Feb 12 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
Jan 13 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
微信小程序如何使用云开发
May 17 Javascript
javascript面向对象三大特征之继承实例详解
Jul 24 Javascript
js事件机制----捕获与冒泡机制实例分析
May 22 Javascript
原生javascript如何实现共享onload事件
Jul 03 Javascript
javascript setTimeout和setInterval 的区别
Dec 08 #Javascript
javascript OFFICE控件测试代码
Dec 08 #Javascript
JavaScript Cookie 直接浏览网站分网址
Dec 08 #Javascript
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 #Javascript
JavaScript 利用Cookie记录用户登录信息
Dec 08 #Javascript
JavaScript Cookie的读取和写入函数
Dec 08 #Javascript
jquery 双色表格实现代码
Dec 08 #Javascript
You might like
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
初识PHP中的Swoole
2016/04/05 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
javascript克隆对象深度介绍
2012/11/20 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
jQuery检测鼠标左键和右键点击的方法
2015/03/17 Javascript
JavaScript实现基于十进制的四舍五入实例
2015/07/17 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
Javascript HTML5 Canvas实现的一个画板
2020/04/12 Javascript
纯前端JavaScript实现Excel IO案例分享
2016/08/26 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
JS实现手风琴特效
2020/11/08 Javascript
微信小程序实现滚动Tab选项卡
2020/11/16 Javascript
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
C++如何引用一个已经定义过的全局变量
2014/08/25 面试题
军训教官感言
2014/03/02 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
助学金感谢信
2015/01/20 职场文书
公司市场部岗位职责
2015/04/15 职场文书
python实现过滤敏感词
2021/05/08 Python
漫画《尖帽子的魔法工坊》宣布动画化
2022/04/06 日漫