原生js实现查找/添加/删除/指定元素的class


Posted in Javascript onApril 12, 2013
window.onload = function(){ 
var gaga = document.getElementById( "gaga" ); 
addClass( gaga,"gaga1" ) 
addClass( gaga,"gaxx" ); 
removeClass( gaga,"gaga1" ) 
removeClass( gaga,"gaga" ) 
function hasClass( elements,cName ){ 
return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); // ( \\s|^ ) 判断前面是否有空格 (\\s | $ )判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断 
}; 
function addClass( elements,cName ){ 
if( !hasClass( elements,cName ) ){ 
elements.className += " " + cName; 
}; 
}; 
function removeClass( elements,cName ){ 
if( hasClass( elements,cName ) ){ 
elements.className = elements.className.replace( new RegExp( "(\\s|^)" + cName + "(\\s|$)" )," " ); // replace方法是替换 
}; 
}; 
};
Javascript 相关文章推荐
Microsfot .NET Framework4.0框架 安装失败的解决方法
Aug 14 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Oct 24 Javascript
jquery选择器之基本过滤选择器详解
Jan 27 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
Dec 03 Javascript
JS实现“隐藏与显示”功能(多种方法)
Nov 24 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
React中jquery引用的实现方法
Sep 12 jQuery
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
jQuery中event.target和this的区别详解
Aug 13 jQuery
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 Javascript
JavaScript实现手风琴效果
Feb 18 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 #Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 #Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 #Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 #Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
Apr 12 #Javascript
深入理解JavaScript 闭包究竟是什么
Apr 12 #Javascript
关于JavaScript中string 的replace
Apr 12 #Javascript
You might like
PHP调用三种数据库的方法(3)
2006/10/09 PHP
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
编写PHP脚本过滤用户上传的图片
2015/07/03 PHP
PHP使用socket发送HTTP请求的方法
2016/02/14 PHP
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
jqeury-easyui-layout问题解决方法
2014/03/24 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
在一个页面实现两个zTree联动的方法
2017/12/20 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
使用tkinter实现三子棋游戏
2021/02/25 Python
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
JSF界面控制层技术
2013/06/17 面试题
德尔福集团DELPHI的笔试题
2012/02/22 面试题
策划创业计划书
2014/02/06 职场文书
主要负责人任命书
2014/06/06 职场文书
学校2014年度工作总结
2014/12/06 职场文书
会议主持人开场白台词
2015/05/28 职场文书
2016年大学生社会实践心得体会
2015/10/09 职场文书
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers
九大龙王魂骨,山龙王留下躯干骨,榜首死的最憋屈(被捏碎)
2022/03/18 国漫