为指定元素增加样式的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的简单&amp;简陋Tabs插件代码
Feb 09 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
JavaScript中判断原生函数检查function是否是原生代码
Sep 09 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
jquery实现华丽的可折角广告代码
Sep 02 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 Javascript
javaScript中indexOf用法技巧
Nov 26 Javascript
Ant design vue中的联动选择取消操作
Oct 31 Javascript
何时使用Map来代替普通的JS对象
Apr 29 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中PDO的错误处理
2011/09/04 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
php版阿里大于(阿里大鱼)短信发送实例详解
2016/11/30 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
PHP小白必须要知道的php基础知识(超实用)
2017/10/10 PHP
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
2010/03/05 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
jquery实现的图片点击滚动效果
2014/04/29 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
JavaScript继承学习笔记【新手必看】
2016/05/10 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
原生JS轮播图插件
2017/02/09 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
Vue的Class与Style绑定的方法
2017/09/01 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
2019/02/17 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
python爬虫之自动登录与验证码识别
2020/06/15 Python
python实现的Iou与Giou代码
2020/01/18 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
天网面试题
2013/04/07 面试题
幼儿教师培训感言
2014/03/08 职场文书
食品安全汇报材料
2014/08/18 职场文书
商场促销活动策划方案
2014/08/18 职场文书
计划生育工作汇报
2014/10/28 职场文书
幼儿教师2014年度工作总结
2014/12/16 职场文书
大明湖导游词
2015/02/03 职场文书
综合实践活动报告
2015/02/05 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书