hasClass addClass removeClass
//函数有class
function hasClass(ele,cls){
return -1<(" "+ele.className+" ").indexOf(" "+cls+" ")
}
//添加class
function addClass(ele,cls){
if((" "+ele.className+" ").indexOf(" "+cls+" ")==-1){
ele.className+=" "+cls;
}
else{
return
}}
//删除class
function removeClass(ele,cls){
if((" "+ele.className+" ").indexOf(" "+cls+" ")>-1){
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ') //注意替换为空格
}
}
转载于:https://www.cnblogs.com/heyinwangchuan/p/5811939.html
hasClass addClass removeClass相关推荐
- js 实现 hasClass(), addClass(), removeClass() 方法
js 实现 hasClass(), addClass(), removeClass() 方法 HTML5-classList classList 方法有 contains('className') / ...
- 常用的js自定义方法 -- hasClass addClass removeClass getElementsByClass
function hasClass(ele,cls) { var result = ele && ele.className && (ele.className.sea ...
- 原生JS实现hasClass,addClass,removeClass
1.hasClass function hasClass(elem, cls){ cls = cls || ''; if(cls.replace(/\s/g, '').length == 0) ret ...
- 原生js实现addClass,removeClass,hasClass方法
第一部分:原生js实现addClass,removeClass,hasClass方法 function hasClass(elem, cls) {cls = cls || '';if (cls.rep ...
- jQuery对类的操作.addClass()/.removeClass()/.hasClass()方法
.addClass():给DOM元素添加类名,间接控制样式 .removeClass():移除DOM元素的样式 .hasClass():判断DOM元素是否有某类名 [例]代码功能:点击换肤.原理:设置 ...
- [js进阶]原生js实现addClass,removeClass,hasClass方法
addClass function addClass(obj, cls){//获取 class 内容.var obj_class = obj.className,//判断获取到的 class 是否为空 ...
- 原生JS实现addClass,removeClass,toggleClass
jQuery操作class的方式非常强大,但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery. 在此写了一个利用原生js来实现对dom元素class的操作方法 1.addCl ...
- jquery中hasClass和removeClass
hasClass("per")方法可判断是否具有per类 removeClass("per") 移除所有的per类
- js实现类名的添加与移除
方法1:使用className属性: 方法2:使用classList API: //用于匹配类名存在与否 function reg(name){return new RegExp('(^|\\s)' ...
最新文章
- list python 转tensor_TensorFlow 中的几个关键概念：Tensor，Operation，Graph，Session
- 苹果裁撤自动驾驶项目员工200余人
- C++ auto 关键字的使用
- VS2008 Tips #004 – 您可以通过“浏览方式…”添加浏览器到 Visual Web Developer
- java stream 求和_谈谈Java任务的并行处理
- Java 内存模型（零）
- 基于密集卷积神经网络的多类植物病害检测与分类
- python源码中明明没有逻辑代码 为什么还能执行呢
- 京东物流的区块链创新实践之路 PPT
- 浪潮服务器一键还原系统,一键恢复 怎样做备份
- 什么是网络分析仪？它的重要技术指标有哪些？
- 02 必备SQL和表关系及授权
- 简明python教程五----数据结构
- AUTOSAR——MBD应用之NM模块Stateflow实现
- 人类计划软件测试,人类分裂了16种人格，测测你是哪一种？
- 经典算法题型（二）：二维数组（平面地图）的递归操作
- 力扣(leetcode) 1833. 雪糕的最大数量(快速排序待更新......)
- ANSYS——查看剖面图的应力分布云图以及工作平面的相关设置
- @敏捷组织从业者，开放敏捷架构O-AA™标准考试及认证项目重磅上线！
- 【笔记】OpenSSL 使用