JS原生实用方法之Class.js

转载于 2013-10-15 15:32:00 发布 · 55 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/litttlespring/p/3370339.html

本文介绍了使用JavaScript操作DOM元素的实用方法，包括获取指定类名的元素、为元素添加类名、检查元素是否含有特定类名及移除类名等。这些方法有助于简化网页开发过程中的DOM操作。

function getByClass(obj,sClass)
{
    var aRr=[];
    var aTag=obj.getElementsByTagName('*');
    for(var i=0;i<aTag.length;i++)
    {
        var aClass=aTag[i].className.split(" ");
        for(var j=0;j<aClass.length;j++)
        {
            if(aClass[j]==sClass)
            {
                aRr.push(aTag[i]);
                break;    
            }
        }
    }
    return aRr;
}
function addClass(obj,sClass)
{
    if(!getClass(obj,sClass))
    {
        obj.className+=" "+sClass;
    }
}
function getClass(obj,sClass)
{
    var aClass=obj.className.split(" ");
    for(var i=0;i<aClass.length;i++)
    {
        if(aClass[i]==sClass)
        {
            return true;
        }
    }
    return false;
}
function removeClass(obj,sClass)
{
    var aClass=obj.className.split(" ");
    for(var i=0;i<aClass.length;i++)
    {
        if(aClass[i]==sClass)
        {
            aClass[i]="";
        }
    }
    obj.className=aClass.join(" ");
}