JS 选中addclass 其他removeClass 一、获取元素 原生javascript: (1) document.getElementById() (2) document.getElementsByTagName() (3) document.getElementsByClassName(): IE9以上 document.getElementsByClassName("example color"): 获取class="example color" 类名的所有元素 (4) document.querySelector() ...
obj.className = added;//替换原来的 class. } function removeClass(obj, cls){ var obj_class = ' '+obj.className+' ';//获取 class 内容, 并在首尾各加一个空格. ex) 'abc bcd' -> ' abc bcd ' obj_class = obj_class.replace(/(\s+)/gi, ' '),//将多余的空字符替换成一个空格. ex...
div.classList.remove("foo", "bar"); 兼容性 不兼容Android2.3和iOS4.2的,在移动端上想使用也是有点头疼啊。IE系列的更别说IE9和IE8了。所以目前来看,还是无法在实际中放心的使用,只能用于某些特定的项目等。不过我们可以通过一些shim来实现,或者最下方给出的原生javascript实现。 跨浏览器javascript shim https:...
JS原生addClass、removeClass实现 用jQuery的addClass()、removeClass()时手痒,想了解下原生JavaScript是怎么实现的这类功能。 方法一:还是用到了其他函数辅助,所以看着简短些。 functionaddClass(ele,classname){ ele.className+=" "+ classname;//};functionremoveClass(ele,classname){ ele.className= ele.className...
if (!this.hasClass(ele, cls)) { ele.className = ele.className == '' ? cls : ele.className + ' ' + cls; } } removeClass(ele, cls){ if (this.hasClass(ele, cls)) { let newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' '; ...
js 实现 hasClass(), addClass(), removeClass() 方法 HTML5-classList classList 方法有 contains('className') // 判断是否存在类名,返回Boolean值 add('className') // 添加类名 remove('className') // 从列表中删除类名 toggle('className') // 切换类名:如果列表中存在则删除,否则添加...
function removeClass(ele,cls) { if (hasClass(ele,cls)) { var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className=ele.className.replace(reg,' '); } } //使用函数 addClass(document.getElementById("id"), "test"); ...
JavaScript实现jQuery...中的addClass()、removeClass()、hasClass() function hasClass(ele...,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls...this.hasClass(ele,cls)) ele.className += " "+cls; } function removeClass(ele,...
原生JavaScript实现hasClass、addClass、removeClass、toggleClass,兼容IE6+,因IE6、IE7、IE8不支持Array.prototype.indexOf()和String.prototype.trim(),分别用Polyfill实现支持。详细:indexOf https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Glo
function hasClass(ele,cls) { returnele.className.match(newRegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if(!this.hasClass(ele,cls)) ele.className +=" "+cls; } function removeClass(ele,cls) { if(hasClass(ele,cls)) { ...