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 相关文章推荐
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
Jul 08 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
js arguments,jcallee caller用法总结
Nov 30 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
全面解析node 表单的图片上传
Nov 21 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
Mar 21 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
vue+echarts实现多条折线图
Mar 21 Vue.js
原生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集成百度Ueditor 1.4.3
2014/11/23 PHP
PHP中使用GD库绘制折线图 折线统计图的绘制方法
2015/11/09 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
phalcon model在插入或更新时会自动验证非空字段的解决办法
2016/12/29 PHP
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
js实现省市联动效果的简单实例
2014/02/10 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
jQuery操作DOM之获取表单控件的值
2015/01/23 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
pandas去除重复列的实现方法
2019/01/29 Python
Django 日志配置按日期滚动的方法
2019/01/31 Python
python命令行参数用法实例分析
2019/06/25 Python
python 消费 kafka 数据教程
2019/12/21 Python
Python如何把十进制数转换成ip地址
2020/05/25 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
python3.5的包存放的具体路径
2020/08/16 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
Sunglass Hut巴西网上商店:男女太阳镜
2020/10/04 全球购物
Myprotein中国网站:欧洲畅销运动营养品牌
2021/02/11 全球购物
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
护士演讲稿范文
2014/01/05 职场文书
黄河的主人教学反思
2014/02/07 职场文书
《匆匆》教学反思
2014/02/22 职场文书
团日活动总结报告
2014/06/25 职场文书