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正则中的RegExp对象对象
Nov 07 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
JavaScript实现的一个倒计时的类
Mar 12 Javascript
require.js的用法详解
Oct 20 Javascript
理解JavaScript事件对象
Jan 25 Javascript
AngularJS轻松实现双击排序的功能
Aug 30 Javascript
IntersectionObserver API 详解篇
Dec 11 Javascript
Node调用Java的示例代码
Sep 20 Javascript
微信小程序wx:for和wx:for-item的用法详解
Apr 01 Javascript
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
JS实现的字符串数组去重功能小结
Jun 17 Javascript
vue项目支付功能代码详解
Feb 18 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
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
PHP 采集程序 常用函数
2008/12/18 PHP
PHP 中关于ord($str)&amp;gt;0x80的详细说明
2012/09/23 PHP
php加密解密实用类分享
2014/01/07 PHP
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
php压缩和解压缩字符串的方法
2015/03/14 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
编写简单的jQuery提示插件
2014/12/21 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
NumPy 数组使用大全
2019/04/25 Python
python mysql断开重连的实现方法
2019/07/26 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
Django models filter筛选条件详解
2020/03/16 Python
解决Jupyter notebook更换主题工具栏被隐藏及添加目录生成插件问题
2020/04/20 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
python之语音识别speech模块
2020/09/09 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
C语言面试题
2013/05/19 面试题
一个SQL面试题
2014/08/21 面试题
应届大专毕业生个人自荐信
2013/09/22 职场文书
会计电算化个人求职信范文
2014/01/24 职场文书
个人自我评价范文
2014/02/05 职场文书
幼儿教师国培感言
2014/02/19 职场文书
财务部绩效考核方案
2014/05/04 职场文书
企业标语口号
2014/06/10 职场文书
小学六年级班主任工作经验交流材料
2015/11/02 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python
IIS服务器中设置HTTP重定向访问HTTPS
2022/04/29 Servers