原生JS操作class 極致版
阿新 • • 發佈:2018-12-05
// 獲取class function getClass(el) { return el.getAttribute('class') } // 設定class function setClass(el, cls) { return el.setAttribute('class', cls) } // 當然彩蛋壓軸戲肯定是在最後的啦 // 判斷class是否存在 function hasClass(elements, cName) { return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); } // 新增clss function addClass(elements, cName) { if (!hasClass(elements, cName)) { elements.className += " " + cName; } } // 刪除class function removeClass(elements, cName) { if (hasClass(elements, cName)) { elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); } } // 切換class function toggleClass(elements, cName) { if (hasClass(elements, cName)) { elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), ""); } else { elements.className += " " + cName; } }