Javascript 檢測、添加、移除樣式(className)函數(shù)代碼
更新時間:2009年09月08日 18:30:44 作者:
在前臺腳本中,我們經(jīng)常要操作頁面元素的樣式,比如標簽頁切換時,將當前標簽加上一個樣式,當切換到其他標簽時,再將樣式還原,本文介紹的是直接添加和移除 className 的方法。
復制代碼 代碼如下:
<script type="text/javascript">
// 說明:添加、移除、檢測 className
function hasClass(element, className) {
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');
return element.className.match(reg);
}
function addClass(element, className) {
if (!this.hasClass(element, className))
{
element.className += " "+className;
}
}
function removeClass(element, className) {
if (hasClass(element, className)) {
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');
element.className = element.className.replace(reg,' ');
}
}
</script>
您可能感興趣的文章:
相關文章
AngularJS+Bootstrap實現(xiàn)多文件上傳與管理
這篇文章主要為大家詳細介紹了AngularJS+Bootstrap實現(xiàn)多文件上傳與管理,對上傳文件進行加載與刪除操作,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11
使用weixin-java-miniapp配置進行單個小程序的配置詳解
這篇文章主要介紹了使用weixin-java-miniapp配置進行單個小程序的配置詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
JS實現(xiàn)獲取來自百度,Google,soso,sogou關鍵詞的方法
這篇文章主要介紹了JS實現(xiàn)獲取來自百度,Google,soso,sogou關鍵詞的方法,結合實例形式分析了js獲取來路頁面的方法與相關搜索引擎關鍵詞的處理技巧,需要的朋友可以參考下2016-12-12

