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整数字符串转换为金额类型数据(示例代码)
Dec 26 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
Vue.js基础学习之class与样式绑定
Mar 20 Javascript
JS触摸事件、手势事件详解
May 04 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
将 vue 生成的 js 上传到七牛的实例
Jul 28 Javascript
浅谈vue的踩坑路
Aug 31 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
Nov 03 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
Jul 10 Javascript
vue+animation实现翻页动画
Jun 29 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 ImageMagick windows下安装教程
2015/01/26 PHP
Javascript中的数学函数
2007/04/04 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
2013/02/22 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
js全选按钮的实现方法
2015/11/17 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
bootstrap table服务端实现分页效果
2017/08/10 Javascript
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
Python文件夹与文件的操作实现代码
2014/07/13 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
selenium+python 去除启动的黑色cmd窗口方法
2018/05/22 Python
python中cPickle类使用方法详解
2018/08/27 Python
在Python IDLE 下调用anaconda中的库教程
2020/03/09 Python
python实现控制台输出彩色字体
2020/04/05 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
Omio意大利:全欧洲低价大巴、火车和航班搜索和比价
2017/12/02 全球购物
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
大学学雷锋活动总结
2014/06/26 职场文书
2014年纪检工作总结
2014/11/12 职场文书
自主招生专家推荐信
2015/03/26 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
《鸟的天堂》教学反思
2016/02/19 职场文书
python多次执行绘制条形图
2022/04/20 Python
python数字图像处理之图像的批量处理
2022/06/28 Python