JS添加或修改控件的样式(Class)实现方法


Posted in Javascript onOctober 15, 2016

使用js 给页面组件添加class 或者删除class,以及使用jquery的方式添加或修改。

<input id="txtBianCeng" type="text" /> 
   
.lezhu99 { 
  color:#cc0000; 
} 
   
添加或修改样式(Class) 
document.getElementById("txtBianCeng").className = "lezhu99"; 
   
删除样式(Class) 
document.getElementById("txtBianCeng").className = "";

需要注意的是,在 JavaScript 中,样式使用的是 className 去访问 class 属性,非 class,因为 class 是一个保留关键字,谨记这一点。

如果是使用 jQuery修改标记的样式(Class) 就不一样了,它是使用 removeClass 和 addClass 方法进行删除样式和添加(修改)样式的。

以上就是小编为大家带来的JS添加或修改控件的样式(Class)实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
js 替换
Feb 19 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
Feb 04 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
Feb 17 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
May 11 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
微信、QQ、微博、Safari中使用js唤起App
Jan 24 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
Aug 30 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 #Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 #Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 #Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 #Javascript
js中获取 table节点各tr及td的内容简单实例
Oct 14 #Javascript
jQuery ajaxForm()的应用
Oct 14 #Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
Oct 14 #Javascript
You might like
用PHP生成html分页列表的代码
2007/03/18 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
PHP简单判断手机设备的方法
2016/08/23 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
2012/07/31 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
jQuery+css实现的切换图片功能代码
2016/01/27 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
javascript实现数字配对游戏的实例讲解
2017/12/14 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
Python中的文件和目录操作实现代码
2011/03/13 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
用Pelican搭建一个极简静态博客系统过程解析
2019/08/22 Python
python 爬取小说并下载的示例
2020/12/07 Python
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
法国美发器材和产品购物网站:Beauty Coiffure
2016/12/05 全球购物
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
物理系毕业生自荐信
2013/11/01 职场文书
应届大学生的推荐信
2013/11/20 职场文书
生产厂厂长岗位职责
2013/12/25 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
会计实训报告范文
2014/11/04 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
销售会议开幕词
2016/03/04 职场文书
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏