JS 选中addclass 其他removeClass 一、获取元素 原生javascript: (1) document.getElementById() (2) document.getElementsByTagName() (3) document.getElementsByClassName(): IE9以上 document.getElementsByClassName("example color"): 获取class="example color" 类名的所有元素 (4) document.querySelector() ...
JS操作增加Class属性和移除删除Class属性 直接上代码 function go(a){ if(a == 'shifu'){ //移除属性 var shop = document.getElementsByClassName("shop")[0]; shop.classList.remove("ns-border-color"); //增加属性 var shifu = document.getElementsByClassName("shifu")[0]; shifu.classList.add('ns...
JS封装addClass、removeClass addClass封装:1.先把原有的类名和需要添加的类名用“”切割、拼接。 2.查重,把所有类名遍历,重复的去掉。 3.“”拼接。 function addClass(ele , cName) { var arr = ele.className.split(" ").concat(cName.split(" ")); for (var i = 0; i < arr.length; i++)...
// to normalize the add/remove and toggle APIs. (function () { "use strict"; var testElement = document.createElement("_"); testElement.classList.add("c1", "c2"); // Polyfill for IE 10/11 and Firefox <26, where classList.add and // classList.remove exist but support only one ...
Js操作添加class和移除class, 这种代码通常在类似tab选择的那种拥有select的就是选中的状态应用的场景还是很多的 $(".commodity").click(function(){if($(this).hasClass("select")){$(this).removeClass("select");}else{$(this).addClass(...
原⽣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...
2、addClass functionaddClass(elem,cls){if(!hasClass(elem,cls)){elem.className+=' '+cls;}} 1. 2. 3. 4. 5. 3、removeClass function removeClass(elem, cls){ if(hasClass(elem, cls)){ var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, '') + ' '; ...
第一部分:原生js实现addClass,removeClass,hasClass方法 function hasClass(elem, cls) { cls = cls || ''; if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时,返回false return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' '); ...
1、hasClass 用法:if( hasClass(document.getElementById("p1"), 'red') ){ //要干的事} 2、addClass ...
2.原生js实现removeClass functionaddClass(ele,cls){if(!hasClass(elem,cls)){ele.className=ele.className==''?cls:ele.className+' '+cls;}} 3.原生js实现hasClass方法 functionremoveClass(ele,cls){if(hasClass(elem,cls)){varnewClass=' '+elem.className.replace(/[\t\r\n]/g,'')+' ';while...