removeclass(怎么用js实现jq的removeClass方法)
本文目录
怎么用js实现jq的removeClass方法
1、addClass:为指定的dom元素添加样式。
2、removeClass:删除指定dom元素的样式。
3、toggleClass:如果存在(不存在),就删除(添加)一个样式。
4、hasClass:判断样式是否存在。
原生 JS 代码如下:
function hasClass(obj, cls) { return obj.className.match(new RegExp(’(\\s|^)’ + cls + ’(\\s|$)’));}function addClass(obj, cls) { if (!this.hasClass(obj, cls)) { obj.className += “ “ + cls; }}function removeClass(obj, cls) { if (hasClass(obj, cls)) { var reg = new RegExp(’(\\s|^)’ + cls + ’(\\s|$)’); obj.className = obj.className.replace(reg, ’ ’); }}function toggleClass(obj,cls){ if(hasClass(obj,cls)){ removeClass(obj, cls); } else { addClass(obj, cls); }}js中removeclass怎么用,是js,不要jq
《style type=“text/css“》 div{ background-color:yellow; } 《/style》 《script type=“text/javascript“》 function removeClass(obj, cls) { var reg = new RegExp(’(\\s|^)’ + cls + ’(\\s|$)’); obj.className = obj.className.replace(reg, ’ ’); } function removeClassTest(){ var obj = document. getElementById(’test’); removeClassTest(obj,“divClass“); } 《/script》 《body》 《div id = “test“ style = “width:250px;height:100px;“》 测试测试 《/div》 《input type = “button“ value = “removeClassTest“ onclick = “removeClassTest();“ /》 《/body》
更多文章:
plot3函数的调用格式(在命令窗口用help plot3或用 doc plot3查看plot3的使用方法,观察有何区别)
2024年7月10日 09:37
求补码表示的二进制数真值(二进制补码10010011的真值)
2024年7月18日 11:37
oracle11g补丁包(oracle 11g 补丁下载不了)
2024年8月2日 06:01
正则表达式不包含数字和字母(正则表达式:数字与字母的混合表达式,不包括纯数字和纯字母)
2024年7月24日 01:51
revolutionary翻译(文学家,思想家,革命家用英语怎么说)
2024年7月3日 16:26
捷达低配后排座椅(捷达VA3座椅怎么调捷达VA3后排放倒图示)
2024年7月5日 05:29
oracle 触发器 update(oracle更新触发器写法)
2024年9月1日 00:00
hacknet80端口(hacknet nortron安全网络服务器怎么破)
2024年8月6日 03:55