JS 选中addclass 其他removeClass 一、获取元素 原生javascript: (1) document.getElementById() (2) document.getElementsByTagName() (3) document.getElementsByClassName(): IE9以上 document.getElementsByClassName("example color"):
直接上代码 functiongo(a){if(a =='shifu'){//移除属性varshop =document.getElementsByClassName("shop")[0]; shop.classList.remove("ns-border-color");//增加属性varshifu =document.getElementsByClassName("shifu")[0]; shifu.classList.add('ns-border-color');//赋值$("#thtype").val(a); }if...
// 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 ...
//下面这段是在网上看见的 关于addClass和removeClass的方法,正则表达式很弱,通过下面的方法可以对上述过程加精///**//* 检查元素是否存在cls这个名字的class//* @private//*///function hasClass(obj, cls) {//return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));//}///...
原⽣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...
第一部分:原生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 + ' '); ...
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操作添加class和移除class, 这种代码通常在类似tab选择的那种拥有select的就是选中的状态应用的场景还是很多的 $(".commodity").click(function(){if($(this).hasClass("select")){$(this).removeClass("select");}else{$(this).addClass(...
function removeClass(ele,cls) { if(hasClass(ele,cls)) { var reg =newRegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className=ele.className.replace(reg,' '); } } //call the functions addClass(document.getElementById("test"),"test"); ...
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...