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 相关文章推荐
JavaScript入门教程(7) History历史对象
Jan 31 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
原生的html元素选择器类似jquery选择器
Oct 15 Javascript
js实现根据身份证号自动生成出生日期
Dec 15 Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
bootstrap select插件封装成Vue2.0组件
Apr 17 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
JavaScript判断浏览器运行环境的详细方法
Jun 30 Javascript
vue中可编辑树状表格的实现代码
Oct 31 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新手上路(十二)
2006/10/09 PHP
将一维或多维的数组连接成一个字符串的php代码
2010/08/08 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
php中__toString()方法用法示例
2016/12/07 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
浅谈React前后端同构防止重复渲染
2018/01/05 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
在vue中读取本地Json文件的方法
2018/09/06 Javascript
python数据结构之二叉树的统计与转换实例
2014/04/29 Python
答题辅助python代码实现
2018/01/16 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
分享vim python缩进等一些配置
2018/07/02 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
西班牙太阳镜品牌:Hawkers
2018/03/11 全球购物
客户表扬信范文
2014/01/10 职场文书
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
关于Python中*args和**kwargs的深入理解
2021/08/07 Python