var parent = document.getElementById("parent"); // parent.className = parent.className + " newDiv"; //添加classname 既html中的div 的class变为 class = "google newDiv" parent.className = " newDiv"; //改变classname 既html中的div 的class变为 class = "newDiv" } child 1. 2....
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 =...
功能：检查元素上是否存在指定的类。实现：使用element.classList.contains方法，返回一个布尔值。注意事项：兼容性：classList属性在部分旧版浏览器中不兼容。在这些浏览器中，可以通过正则表达式操作className属性来实现类似的功能。只读属性：classList本身是一个只读属性，但可以通过其提供的方法来修改元素的...
indexOfhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf trim:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim 由于现代浏览器都基本支持了classList,所以移动端可以直接使用classList会更方便一些,如: var div = d...
It's a JavaScript convention to use camel case for variable names with more than one word; for example, the variable className.Console messageAs a web developer, you can create hidden messages that aren't visible on your webpage, but that you can read in the Developer Tools in the ...
elem.className= elem.className + ' ' +c; } }; removeClass=function(elem, c) { elem.className= elem.className.replace(classReg(c), ' '); }; }functiontoggleClass(elem, c) {varfn = hasClass(elem, c) ?removeClass : addClass; ...
It's a JavaScript convention to use camel case for variable names with more than one word; for example, the variable className.Console messageAs a web developer, you can create hidden messages that aren't visible on your webpage, but that you can read in the Developer Tools in the ...
原生JavaScript 类似于jQuery库的使用方式,使用className通过正则来添加或者删除class。 addClass、removeClass、toggleClass、hasClass function hasClass(obj, cls) { return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
ele.className = cln.join(' '); } }); } /** * toggleClass * @param (element, 'c1 c2 c3') */ function toggleClass(ele, c){ ctrlClass({ ele: ele, c: c, fun: function(opts) { var ele = opts.ele, c = opts.c;
} function removeClass(obj, cls) { if (hasClass(obj, cls)) { var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)'); obj.className = obj.className.replace(reg, ' '); } } 采用这种方式同样实现了 JQuery的效果。