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 =...
' ' : '';//判断获取到的 class 是否为空, 如果不为空在前面加个'空格'.varadded = obj_class + blank + cls;//组合原来的 class 和需要添加的 class.obj.className = added;//替换原来的 class.}functionremoveClass(obj, cls){varobj_class = ' '+obj.className+' ';//获取 class 内容, 并在...
三、JavaScript实现jQuery中的addClass()、removeClass()、hasClass() function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } function removeClass(ele...
obj_class_lst = obj_class.split(/\s+/);//通过split空字符将cls转换成数组. x = 0; for(x in obj_class_lst) { if(obj_class_lst[x] == cls) {//循环数组, 判断是否包含cls return true; } } return false; } javascript 赞收藏6 分享...
div.classList.remove("foo", "bar"); 兼容性 不兼容Android2.3和iOS4.2的,在移动端上想使用也是有点头疼啊。IE系列的更别说IE9和IE8了。所以目前来看,还是无法在实际中放心的使用,只能用于某些特定的项目等。不过我们可以通过一些shim来实现,或者最下方给出的原生javascript实现。
trim:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim 由于现在浏览器都基本支持了classList,所以移动端可以直接使用classList会更方便一些,如: var div = document.getElementById('div'); div.classList.remove("foo"); div.class...
(参考:https ://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector )$('text')现在实现 jquery 之类的函数 addClass 和 removeClass。(参考:https ://developer.mozilla.org/en-US/docs/Web/API/Element/classList )$('#test').removeClass('blue').addClass('red');现在实现 jquery ...
原生JavaScript实现addClass、removeClass等操作,利用classList属性,可以方便添加、删除、查询元素的class属性。elementClasses表示element的类属性,长度为0表示未设置或为空。element.classList只读,可通过add()和remove()方法修改。添加指定类值,忽略已存在的类;删除指定类值;按索引返回类值;当只有一个...
function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } function removeClass(ele,cls) { ...
obj_class_lst = obj_class.split(/\s+/);//通过split空字符将cls转换成数组. x = 0; for(x in obj_class_lst) { if(obj_class_lst[x] == cls) {//循环数组, 判断是否包含cls return true; } } return false; } 以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。