javascript如何获取指定class属性名的元素 js中获取class里面的属性

文章摘要：javascript如何获取指定class属性名的元素 js中获取class里面的属性

javascript中获取指定class属性名元素的方法：可以使用“getElementsByClassNam […]

javascript中获取指定class属性名元素的方法：可以使用“getElementsByClassName”方法获取指定class属性名的元素；语法格式为：“document.getElementsByClassName('demo') ”，这里“demo”指的是class属性名；需要在HTML中通过script标签添加javascript代码来实现获取指定class属性名元素。

建站教程网归纳如下：

getElementsByClassName

除了通过指定标签获取元素外，DOM还提供了getElementsByClassName方法来获取指定class名的元素。不过由于该方法比较新，较老的浏览器还不支持，比如IE6。不过我们可以通过hack方式来弥补老浏览器缺陷。该方法调用的方式如下所示：

document.getElementsByClassName('demo')    //demo为元素指定的class名

和getElementsByTagname一样， 该方法除了能被document对象调用之外，还可以被普通的元素调用。

对于比较老的浏览器，比如IE6、7我们可以通过下面的hack方式来实现：

function getElementsByClassName(node,classname){

        if(node.getElementsByClassName) {

            return node.getElementsByClassName(classname);

        }else {

            var results = [];

            var elems = node.getElementsByTagName("*");

            for(var i = 0; i < elems.length; i++){

                if(elems[i].className.indexOf(classname) != -1){

                    results[results.length] = elems[i];

                }

            }

            return results;

        }

    }