當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript原生添加移除class的方法
生活随笔
收集整理的這篇文章主要介紹了
JavaScript原生添加移除class的方法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
轉(zhuǎn)載自??JavaScript原生添加移除class的方法
1.JavaScript原生移除class方法
window.onload = function () {var stamp = document.getElementById("btGetCode"); //根據(jù)id查找到該標(biāo)簽removeClass(stamp, "can-code"); //調(diào)用JS原生刪除class的方法function hasClass(elements, cName) {return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判斷前面是否有空格 (\\s | $ )判斷后面是否有空格 兩個感嘆號為轉(zhuǎn)換為布爾值 以方便做判斷 };function removeClass(elements, cName) {if (hasClass(elements, cName)) {elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); // replace方法是替換 };}; };?
2.JavaScript原生添加class方法
window.onload = function () {var stamp = document.getElementById("btGetCode"); //根據(jù)id查找到該標(biāo)簽addClass(stamp, "can-code"); //調(diào)用JS原生添加class的方法function hasClass(elements, cName) {return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判斷前面是否有空格 (\\s | $ )判斷后面是否有空格 兩個感嘆號為轉(zhuǎn)換為布爾值 以方便做判斷 };function addClass(elements, cName) {if (!hasClass(elements, cName)) {elements.className += " " + cName;};}; };?
總結(jié)
以上是生活随笔為你收集整理的JavaScript原生添加移除class的方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js实现页面跳转重定向的几种方式
- 下一篇: 为天地立心为生民立命是谁的名言 为天地立