为指定元素增加样式的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 相关文章推荐
12306验证码破解思路分享
Mar 25 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
Vue.js快速入门实例教程
Oct 15 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
JavaScript中三个等号和两个等号你了解多少
Jul 04 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
jquery实现楼层滚动效果
Jan 01 jQuery
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
Angular实现form自动布局
2016/01/28 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
2016/11/30 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
利用Python开发微信支付的注意事项
2016/08/19 Python
python+pyqt实现右下角弹出框
2017/10/26 Python
Python栈算法的实现与简单应用示例
2017/11/01 Python
Python3实现的爬虫爬取数据并存入mysql数据库操作示例
2018/06/06 Python
Python实现Event回调机制的方法
2019/02/13 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
简单了解Python3里的一些新特性
2019/07/13 Python
使用python绘制二维图形示例
2019/11/22 Python
python 循环数据赋值实例
2019/12/02 Python
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
宝拉珍选官方旗舰店:2%水杨酸精华液,收缩毛孔粗大和祛痘
2018/07/01 全球购物
《我要的是葫芦》教学反思
2014/02/23 职场文书
护理专业自荐信范文
2014/02/26 职场文书
食品安全承诺书范文
2014/08/29 职场文书
资产运营委托书范本
2014/10/16 职场文书
毕业生学校组织意见
2015/06/04 职场文书
幼儿园中班教育随笔
2015/08/14 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书