欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js判斷樣式className同時(shí)增加class或刪除class

 更新時(shí)間:2013年01月30日 11:57:11   作者:  
用正則表達(dá)式判斷多個(gè)class之間是否存在真正的class(前后空格的處理)然后增加class刪除class,本文給予實(shí)現(xiàn)方法,感興趣的朋友可以了解下,或許對你有所幫助
復(fù)制代碼 代碼如下:

function MyClass () {}
MyClass.hasClassName = function(element, className)
{
if (!element) return;
var elementClassName = element.className;
if (elementClassName.length == 0) return false;
//用正則表達(dá)式判斷多個(gè)class之間是否存在真正的class(前后空格的處理)
if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
return true;
return false;
};
MyClass.addClassName = function(element, className)
{
if (!element) return;
var elementClassName = element.className;
if (elementClassName.length == 0)
{
element.className = elementClassName;
return;
}
if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
return;
element.className = elementClassName + " " + className;
};
MyClass.removeClassName = function(element, className)
{
if (!element) return;
var elementClassName = element.className;
if (elementClassName.length == 0) return;
if(elementClassName == className)
{
element.className = "";
return;
}
if (elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
element.className = elementClassName.replace((new RegExp("(^|\\s)" + className + "(\\s|$)"))," ");
};

相關(guān)文章

  • JavaScript第一篇之實(shí)現(xiàn)按鈕全選、功能

    JavaScript第一篇之實(shí)現(xiàn)按鈕全選、功能

    這篇文章主要介紹了JavaScript第一篇之實(shí)現(xiàn)按鈕全選、功能的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-08-08
  • 微信小程序?qū)崿F(xiàn)聯(lián)動選擇器

    微信小程序?qū)崿F(xiàn)聯(lián)動選擇器

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)聯(lián)動選擇器,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-02-02
  • 如何利用JavaScript實(shí)現(xiàn)二叉搜索樹

    如何利用JavaScript實(shí)現(xiàn)二叉搜索樹

    這篇文章主要給大家介紹了關(guān)于如何利用JavaScript實(shí)現(xiàn)二叉搜索樹的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • 基于js中document.cookie全面解析

    基于js中document.cookie全面解析

    下面小編就為大家?guī)硪黄趈s中document.cookie全面解析。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-09-09
  • uniapp實(shí)現(xiàn)支付功能

    uniapp實(shí)現(xiàn)支付功能

    本文主要介紹了uniapp實(shí)現(xiàn)支付功能,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-05-05
  • 微信小程序里長按識別二維碼的實(shí)現(xiàn)過程

    微信小程序里長按識別二維碼的實(shí)現(xiàn)過程

    這篇文章主要給大家介紹了關(guān)于微信小程序里長按識別二維碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • 使用Echart實(shí)現(xiàn)繪制立體的柱狀圖

    使用Echart實(shí)現(xiàn)繪制立體的柱狀圖

    EChart開源來自百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊(duì),基于html5?Canvas,是一個(gè)純Javascript圖表庫,提供直觀,生動,可交互,可個(gè)性化定制的數(shù)據(jù)可視化圖表。本文將利用EChart繪制立體的柱狀圖,感興趣的可以學(xué)習(xí)一下
    2022-03-03
  • 微信小程序?qū)崿F(xiàn)走馬燈式抽獎

    微信小程序?qū)崿F(xiàn)走馬燈式抽獎

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)走馬燈式抽獎,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • Javascript實(shí)現(xiàn)視頻文件播放功能(示例詳解)

    Javascript實(shí)現(xiàn)視頻文件播放功能(示例詳解)

    這篇文章主要介紹了Javascript實(shí)現(xiàn)視頻文件播放功能,使用CSS完成相應(yīng)的布局樣式,利用JavaScript函數(shù)來監(jiān)聽進(jìn)度條,然后使用鼠標(biāo)點(diǎn)擊按鈕實(shí)現(xiàn)對視頻的播放,需要的朋友可以參考下
    2023-10-10
  • js運(yùn)算精度丟失的2個(gè)解決方法

    js運(yùn)算精度丟失的2個(gè)解決方法

    近期在做項(xiàng)目的時(shí)候,遇到了一些JS浮點(diǎn)數(shù)精度的問題,這個(gè)問題其實(shí)說大不大,說小不小,下面這篇文章主要給大家介紹了關(guān)于js運(yùn)算精度丟失的2個(gè)解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06

最新評論