使用javascript通过className来获取元素

learning_1

于 2010-06-19 12:17:22 发布

阅读量97

点赞数

分类专栏： JavaScript 文章标签： JavaScript Chrome jQuery Firefox .net ViewUI

本文链接：https://blog.csdn.net/learning_1/article/details/83644974

版权

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

开始慢慢从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下运行成功