js判断样式className和增加class删除class的通用代码

最新推荐文章于 2023-07-18 17:45:14 发布

anqinganjie

最新推荐文章于 2023-07-18 17:45:14 发布

阅读量168

点赞数

分类专栏： java 文章标签：正则表达式 JavaScript prototype HTML Blog ViewUI

本文链接：https://blog.csdn.net/anqinganjie/article/details/83952515

版权

java 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

发布一个js判断样式className和增加class删除class的通用代码

2008-09-02 17:27

发布一个js判断样式className和增加class删除class的通用代码，部分代码参考prototype.js

<HTML>   
<HEAD>   
<TITLE>testClassName</TITLE>   
</HEAD>   

<BODY>   
<p>&nbsp;</p>
<div id="cc" class="cc eee ee"></div>
<script type="text/javascript">
function BrowserCompatible () {}

BrowserCompatible.hasClassName = function(element, className) 
{
    if (!element) return;
    var elementClassName = element.className;
    if (elementClassName.length == 0) return false;
    //用正则表达式判断多个class之间是否存在真正的class（前后空格的处理）
    if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
      return true;
    return false;
}

BrowserCompatible.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;
}

BrowserCompatible.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|$)"))," ");
}

function $(id)
{
    return document.getElementById(id);
}
//alert(BrowserCompatible.hasClassName($("cc"), "cc"));
BrowserCompatible.addClassName($("cc"), "rr");
alert($("cc").className);
BrowserCompatible.removeClassName($("cc"), "ee");
alert($("cc").className);
</script>
</BODY>
</HTML>

原文链接：http://hi.baidu.com/jsdevelop/blog/item/0a67f517eee52f1e972b43ae.html/cmtid/572567a6fdcc9a9bd043586b

anqinganjie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js判断样式className和增加class删除class的通用代码

发布一个js判断样式className和增加class删除class的通用代码2008-09-02 17:27发布一个js判断样式className和增加class删除class的通用代码，部分代码参考prototype.js&lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt;testClassName&lt;/TITLE&gt; &...
复制链接

扫一扫

专栏目录