为指定元素增加样式的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 相关文章推荐
javascript call和apply方法
Nov 24 Javascript
多个js与css文件的合并方法详细说明
Dec 26 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
Dec 12 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
vue iview组件表格 render函数的使用方法详解
Mar 15 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
微信小程序非跳转式组件授权登录的方法示例
May 22 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
vue.js实现简单的计算器功能
Feb 22 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
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调用shell的方法
2014/11/05 PHP
redis+php实现微博(一)注册与登录功能详解
2019/09/23 PHP
自己的js工具 Event封装
2009/08/21 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
围观tangram js库
2010/12/28 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
2012/08/09 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
2013/08/06 Javascript
js如何获取兄弟、父类等节点
2014/01/06 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
详解AngularJS中的依赖注入机制
2015/06/17 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
如何抽象一个Vue公共组件
2017/10/17 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
python中xrange和range的区别
2014/05/13 Python
利用Python爬取微博数据生成词云图片实例代码
2017/08/31 Python
python浪漫表白源码
2019/04/05 Python
pycharm新建一个python工程步骤
2019/07/16 Python
在jupyter notebook中调用.ipynb文件方式
2020/04/14 Python
使用opencv识别图像红色区域,并输出红色区域中心点坐标
2020/06/02 Python
详解Python 循环嵌套
2020/07/09 Python
python中random模块详解
2021/03/01 Python
查环查孕证明
2014/01/10 职场文书
党日活动总结
2014/05/07 职场文书
企业文化标语口号
2014/06/09 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
新教师教学工作总结
2015/08/12 职场文书
2016国庆节活动宣传语
2015/11/25 职场文书