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 相关文章推荐
Jquery练习之表单验证实现代码
Dec 14 Javascript
javascript学习笔记(八) js内置对象
Jun 19 Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 Javascript
jQuery实现鼠标经过图片预览大图效果
Apr 10 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
Aug 11 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
简单的vuex 的使用案例笔记
Apr 13 Javascript
妙用缓存调用链实现JS方法的重载
Apr 30 Javascript
浅谈React Event实现原理
Sep 20 Javascript
Vue创建头部组件示例代码详解
Oct 23 Javascript
如何用原生js写一个弹窗消息提醒插件
May 24 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 mysql数据库操作类
2008/06/04 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
joomla组件开发入门教程
2016/05/04 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
Jquery选中或取消radio示例
2013/09/29 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
轻松理解JavaScript闭包
2017/03/14 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
js验证密码强度解析
2020/03/18 Javascript
Python 比较两个数组的元素的异同方法
2017/08/17 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
python根据url地址下载小文件的实例
2018/12/18 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
英国和爱尔兰的自炊式豪华度假小屋:Rural Retreats
2018/06/08 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
总经理职责范文
2013/11/08 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
2014庆六一活动方案
2014/03/02 职场文书
2014年国庆节寄语
2014/09/19 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
贷款工资证明范本
2015/06/12 职场文书
感恩教育观后感
2015/06/17 职场文书
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL
MySQL 原理与优化之Update 优化
2022/08/14 MySQL