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两种定义方式的区别、内部原理
Nov 21 Javascript
js实现的点击div区域外隐藏div区域
Jun 30 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
Aug 15 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
对angular 实时更新模板视图的方法$apply详解
Oct 09 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
微信小程序页面间跳转传参方式总结
Jun 13 Javascript
VUE项目初建和常见问题总结
Sep 12 Javascript
微信小程序实现录音Record功能
May 09 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与ASP
2006/10/09 PHP
PHP 开发环境配置(Zend Studio)
2010/04/28 PHP
fleaphp常用方法分页之Pager使用方法
2011/04/23 PHP
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
yii上传文件或图片实例
2014/04/01 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
Gird事件机制初级读本
2007/03/10 Javascript
js字符编码函数区别分析
2008/06/05 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
Python内置函数dir详解
2015/04/14 Python
spyder常用快捷键(分享)
2017/07/19 Python
Python对HTML转义字符进行反转义的实现方法
2019/04/28 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
django drf框架自带的路由及最简化的视图
2019/09/10 Python
python 生成器和迭代器的原理解析
2019/10/12 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
python元组拆包实现方法
2021/02/28 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
战略合作意向书范本
2014/04/01 职场文书
地球一小时倡议书
2014/04/15 职场文书
单位授权委托书范本
2014/09/26 职场文书
贫困生证明范文
2015/06/16 职场文书
开学第一天的感想
2015/08/10 职场文书
实验心得体会范文
2016/01/25 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书