日期:2014-05-16  浏览次数:20370 次

使用javascript通过className来获取元素

开始慢慢从JQUERY再转回到纯JS。。。

//原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。
function getElementsByClassName(n) {
    var classElements = [], allElements = document.getElementsByTagName('*');
    for (var i = 0; i < allElements.length; i++) {
        if (allElements[i].className == n) {
            classElements[classElements.length] = allElements[i];
        }
    }
    return classElements;
}
? // 原来class为showye的全去掉
    var XX = getElementsByClassName('shouye');
    for (var i = 0; i < XX.length; i++) {
        XX[i].className = "";
    }

?转自:http://blog.csdn.net/greenerycn/archive/2008/10/07/3030269.aspx
自己测试在ie6,8,firefox,chrome下运行成功