• 技术文章 >web前端 >js教程

    关于IE中getElementsByClassName不能用的问题解决方法_javascript技巧

    2016-05-16 17:24:19原创565
    今天使用getElementsByClassName写了段小程序,满怀欣喜的准备去测试,在ff,谷歌等主流浏览器上测试都没问题,在IE9上也没问题,在IE6、8中测试的时候就出现问题了,浏览器报错。纠结了下代码,貌似没问题,果断找度娘。。。终于发现问题所在,然来是IE6、8中不支持getElementsByClassName这种方法。随后在网上搜索解决方法,找到了一个比较好的方法,是个老外写的一个方法,定睛一看居然是05年的问题了。。。先上代码:
    复制代码 代码如下:

    *
    Developed by Robert Nyman, http://www.robertnyman.com
    Code/licensing: http://code.google.com/p/getelementsbyclassname/
    */
    var getElementsByClassName = function (className, tag, elm){
    if (document.getElementsByClassName) {
    getElementsByClassName = function (className, tag, elm) {
    elm = elm || document;
    var elements = elm.getElementsByClassName(className),
    nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
    returnElements = [],
    current;
    for(var i=0, il=elements.length; icurrent = elements[i];
    if(!nodeName || nodeName.test(current.nodeName)) {
    returnElements.push(current);
    }
    }
    return returnElements;
    };
    }
    else if (document.evaluate) {
    getElementsByClassName = function (className, tag, elm) {
    tag = tag || "*";
    elm = elm || document;
    var classes = className.split(" "),
    classesToCheck = "",
    xhtmlNamespace = "http://www.w3.org/1999/xhtml",
    namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
    returnElements = [],
    elements,
    node;
    for(var j=0, jl=classes.length; jclassesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
    }
    try {
    elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
    }
    catch (e) {
    elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
    }
    while ((node = elements.iterateNext())) {
    returnElements.push(node);
    }
    return returnElements;
    };
    }
    else {
    getElementsByClassName = function (className, tag, elm) {
    tag = tag || "*";
    elm = elm || document;
    var classes = className.split(" "),
    classesToCheck = [],
    elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
    current,
    returnElements = [],
    match;
    for(var k=0, kl=classes.length; kclassesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
    }
    for(var l=0, ll=elements.length; lcurrent = elements[l];
    match = false;
    for(var m=0, ml=classesToCheck.length; mmatch = classesToCheck[m].test(current.className);
    if (!match) {
    break;
    }
    }
    if (match) {
    returnElements.push(current);
    }
    }
    return returnElements;
    };
    }
    return getElementsByClassName(className, tag, elm);
    };

    具体怎么使用可以去看他里面的使用方法。

    使用这个方法之后,IE6、8中能显示了,但是还是有个随机的问题,有时刷新几次又会报错,暂时无解了。然后我想用jquery能不能解决这个刷新报错的问题,当然用jquery也能替代getElementsByClassName这个方法,具体怎么用这里就不作介绍了。然而事实终不能如人愿,刷新还是会有问题,而且报错是随机的,有时第一次加载过程中就报错,有时刷新几次才报错。大侠们。求解决。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:IE getElementsByClassName
    上一篇:jQuery选择器中含有空格的使用示例及注意事项_jquery 下一篇:HTML Color Picker(js拾色器效果)_javascript技巧
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 总结分享10个JavaScript代码优化小技巧• Node.js各版本间有什么区别?如何选择合适的版本?• 聊聊使用Node.js + Cheerio 怎么进行数据抓取• 一文了解JavaScript栈• 深入理解JavaScript内存管理和GC算法
    1/1

    PHP中文网