原生JS实现JQuery中的hasClass()、addClass()、removeClass()方法
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function hasClass(ele, cls) { cls = cls || ''; if (cls.replace(/\s/g, '').length === 0) return false; // 当cls没有参数时，返回false return new RegExp(' ' + cls + ' ').test(' ' + ele.className + ' '); } function addClass(ele, cls) { if (!hasClass(ele, cls)) { ele.className = ele.className === '' ? cls : ele.className + ' ' + cls; } } function removeClass(ele, cls) { if (hasClass(ele, cls)) { var newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' '; while (newClass.indexOf(' ' + cls + ' ') >= 0) { newClass = newClass.replace(' ' + cls + ' ', ' '); } ele.className = newClass.replace(/^\s+|\s+$/g, ''); } } |