美文网首页
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