美文网首页
getElementsByClassName兼容新老浏览器方法

getElementsByClassName兼容新老浏览器方法

作者: 苏敏 | 来源:发表于2017-11-01 23:25 被阅读22次

html5 dom中新增了一个getElementsByClassName方法,我们可以通过class属性的类名访问到元素。
新出的方法多少有点兼容性问题,这个是跑不了的,为了弥补这个不足,可以用下面的代码去实现。

        var getElementsByClassName(node,classname){
            if (node.getElementsByClassName) {
                //直接使用
                return node.getElementsByClassName(classname);
            } else{
                var results = new Array();
                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
            }
        }

不过这个不适合类名太多的例子,不然很累的,效率也低。

相关文章

网友评论

      本文标题:getElementsByClassName兼容新老浏览器方法

      本文链接:https://www.haomeiwen.com/subject/wgpnpxtx.html