1、addClass:为指定的dom元素添加样式。 2、removeClass:删除指定dom元素的样式。 3、toggleClass:如果存在(不存在),就删除(添加)一个样式。 4、hasClass:判断样式是否存在。 原生JS 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 function hasClass(obj, cls)...
https://github.com/eligrey/classList.js/blob/master/classList.js if ("document" in self) { // Full polyfill for browsers with no classList support if (!("classList" in document.createElement("_"))) { (function (view) { "use strict"; if (!('Element' in view)) return; var clas...
cls){varobj_class = ' '+obj.className+' ';//获取 class 内容, 并在首尾各加一个空格. ex) 'abc bcd' -> ' abc bcd 'obj_class = obj_class.replace(
function removeClass(ele,cls){ if(hasClass(ele,cls)){ // 获取本身的类名字符串 前后添加一个空字符串 为了匹配首个类名 就是需要移除的类名 var newClass=' '+ele.className.replace(/[\t\r\n]/g,'')+' ' // 多个class的时候 需要遍历 正常情况不会有同一个类名 多次添加 所以进行while whil...
原⽣js实现addClass,removeClass,hasClass⽅法本⽂分为两部分进⾏讲解,具体内容如下 第⼀部分:原⽣js实现addClass,removeClass,hasClass⽅法 function hasClass(elem, cls) { cls = cls || '';if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时,返回false re...
ele.className=ele.className.replace(reg,' '); } } //call the functions addClass(document.getElementById("test"),"test"); removeClass(document.getElementById("test"),"test") if(hasClass(document.getElementById("test"),"test")){//do something};...
1、hasClass 用法:if( hasClass(document.getElementById("p1"), 'red') ){ //要干的事} 2、addClass ...
今天在做按钮时,需要给按钮做一个按下去的效果,想着用增加一个class替换背景颜色的方法去做,但是才发现不知道在原生JS中,如何用类似的方法像JQuery里面一样,直接用addClass和removeClass直接操作DOM的类。 百度了一下才发现原来用classList属性可以很方便地对class进行操作 ...
ClassMissing ClassPrivate ClassProtected ClassPublic ClassSealed ClassShortcut CleanData ClearBookmark ClearBreakpointGroup ClearCollection ClearDictionary ClearSort ClearWindowContent ClickOnce ClientStatistics CloakOrHide CloneToDesktop 關閉 CloseAll ClosedCaption CloseDocument CloseDocumentGroup CloseLog CloseSo...
function addClass(ele, cls) { if (!this.hasClass(ele, cls)) ele.className += " " + cls; } //删除指定dom元素的样式 function removeClass(ele, cls) { if (hasClass(ele, cls)) { var reg = new RegExp("(\\s|^)" + cls + "(\\s|$)"); ...