原生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 相关文章推荐
用js做一个小游戏平台 (一)
Dec 29 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
如何编写高质量JS代码
Dec 28 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
jQuery中的select操作详解
Nov 29 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 Javascript
详解TypeScript中的类型保护
Apr 29 Javascript
解决vue $http的get和post请求跨域问题
Jun 07 Vue.js
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
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
Symfony2实现从数据库获取数据的方法小结
2016/03/18 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
基于JQuery实现的Select级联
2014/01/27 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
深入理解Vuex 模块化(module)
2017/09/26 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
vue组件之Alert的实现代码
2017/10/17 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
Python线程的两种编程方式
2015/04/14 Python
为Python程序添加图形化界面的教程
2015/04/29 Python
举例讲解Python中的死锁、可重入锁和互斥锁
2015/11/05 Python
使用Python实现简单的服务器功能
2017/08/25 Python
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
Django框架安装方法图文详解
2019/11/04 Python
Django 请求Request的具体使用方法
2019/11/11 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
夜大毕业生自我评价分享
2013/11/10 职场文书
职务聘任书范文
2014/03/29 职场文书
社团活动总结格式
2014/08/29 职场文书
个人工作表现评价材料
2014/09/21 职场文书
pytorch显存一直变大的解决方案
2021/04/08 Python
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server