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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(5)
Dec 23 Javascript
javascript延时重复执行函数 lLoopRun.js
Jun 29 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
Node.js实用代码段之获取Buffer对象字节长度
Mar 17 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
Jan 19 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
Vuex 使用及简单实例(计数器)
Aug 29 Javascript
原来JS还可以这样拆箱转换详解
Feb 01 Javascript
JavaScript获取时区实现过程解析
Sep 24 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
php中处理模拟rewrite 效果
2006/12/09 PHP
function.inc.php超越php
2006/12/09 PHP
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
jquery 可排列的表实现代码
2009/11/13 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
Node调试工具JSHint的安装及配置教程
2014/05/27 Javascript
JavaScript事件委托用法分析
2015/01/24 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
AngularJS中过滤器的使用与自定义实例代码
2016/09/17 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
LayUI表格批量删除方法
2018/08/15 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
[01:55]《走出家门看比赛》——DOTA2 2015国际邀请赛同城线下观战
2015/07/18 DOTA
python实现扫描日志关键字的示例
2018/04/28 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
python3 使用traceback定位异常实例
2020/03/09 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
网上开商店的创业计划书
2014/01/19 职场文书
卫生系统先进事迹
2014/05/13 职场文书
队名及霸气口号大全
2015/12/25 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python