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 变量基础知识
Nov 07 Javascript
测试你的JS的掌握程度的代码
Dec 09 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
简介JavaScript中valueOf()方法的使用
Jun 05 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 Javascript
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
微信小程序实现顶部导航特效
Jan 28 Javascript
一百多行代码实现react拖拽hooks
Mar 23 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
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
从面试题学习Javascript 面向对象(创建对象)
2012/03/30 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
Bootstrap每天必学之表单
2015/11/23 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
EL表达式截取字符串的函数说明
2017/09/22 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
优化Vue中date format的性能详解
2020/01/13 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
vue 实现图片懒加载功能
2020/12/31 Vue.js
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
Django用户认证系统 组与权限解析
2019/08/02 Python
pytest中文文档之编写断言
2019/09/12 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
python数据处理——对pandas进行数据变频或插值实例
2020/04/22 Python
css3背景图片透明叠加属性cross-fade简介及用法实例
2013/01/08 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
Omio英国:搜索并比较便宜的巴士、火车和飞机
2019/08/27 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
干部现实表现材料
2014/02/13 职场文书
城管大队整治方案
2014/05/06 职场文书
舞蹈教育学专业自荐信
2014/06/15 职场文书
2014年审计工作总结
2014/11/17 职场文书
2014年售票员工作总结
2014/11/19 职场文书
雷锋观后感
2015/06/10 职场文书
爸爸的三轮车观后感
2015/06/16 职场文书
爱鸟护鸟的宣传语
2015/07/13 职场文书