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表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
Nov 13 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
通过示例彻底搞懂js闭包
Aug 10 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
node.js express框架简介与实现
Jul 23 Javascript
微信小程序一周时间表功能实现
Oct 17 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
Apache设置虚拟WEB
2006/10/09 PHP
浅谈php中mysql与mysqli的区别分析
2013/06/10 PHP
深入PHP数据加密详解
2013/06/18 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
JavaScript实现简单获取当前网页网址的方法
2015/11/09 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
详谈angularjs中路由页面强制更新的问题
2017/04/24 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
2018/02/02 jQuery
vue-image-crop基于Vue的移动端图片裁剪组件示例
2018/08/28 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
jquery轻量级数字动画插件countUp.js使用详解
2019/10/17 jQuery
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
2020/10/19 Javascript
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
使用PyCharm创建Django项目及基本配置详解
2018/10/24 Python
Python中collections模块的基本使用教程
2018/12/07 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
Python学习笔记之Break和Continue用法分析
2019/08/14 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
在购买印度民族服饰:Soch
2020/09/15 全球购物
医学生自荐信
2013/12/03 职场文书
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
高中语文课后反思
2014/04/27 职场文书
优秀毕业生自荐信
2014/06/10 职场文书
内科护士节演讲稿
2014/09/11 职场文书
植物园观后感
2015/06/11 职场文书
Python基础之进程详解
2021/05/21 Python
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python