zoukankan      html  css  js  c++  java
  • IE浏览器解决无法识别js中getElementsByClassName问题

    关于ie浏览器无法识别js中getElementsByClassName问题,现通过以下方法,引用如下js

    /**
     *打印js对象详细信息
     */
    function alertObj(obj)
    {
        var description = "";
        for ( var i in obj)
        {
            var property = obj[i];
            description += i + " = " + property + "
    ";
        }
        alert(description);
    }
    
    /**
     *通过class名和标签名获取css样式对象组
     */
    function getClassNames(classStr, tagName)
    {
        if (document.getElementsByClassName)
        {
            return document.getElementsByClassName(classStr)
        } else
        {
            //为了兼容ie8及其以下版本的方法
            var nodes = document.getElementsByTagName(tagName), ret = [];
            for (i = 0; i < nodes.length; i++)
            {
                if (hasClass(nodes[i], classStr))
                {
                    ret.push(nodes[i])
                }
            }
            return ret;
        }
    }
    
    /**
     *判断节点class存在性
     */
    function hasClass(tagStr, classStr)
    {
        //这个正则表达式是因为class可以有多个,判断是否包含 
        var arr = tagStr.className.split(/s+/);
        for ( var i = 0; i < arr.length; i++)
        {
            if (arr[i] == classStr)
            {
                return true;
            }
        }
        return false;
    }
    
    
    //由于加载顺序,获取对象的代码应写在对象已加载之后
    var spans = getClassNames('nm', 'span');
    if (null != spans)
    {
        //alertObj(divs);
        //遍历对象,改其css样式
        for ( var i = 0; i < spans.length; i++)
        {
            spans[i].innerHTML =weixin[0];
        }
    }
    
    //由于加载顺序,获取对象的代码应写在对象已加载之后
    var spans = getClassNames('wx', 'span');
    if (null != spans)
    {
        //alertObj(divs);
        //遍历对象,改其css样式
        for ( var i = 0; i < spans.length; i++)
        {
            spans[i].innerHTML = weixin[1];
        }
    }
    

      

  • 相关阅读:
    PTA乙级 (*1034 有理数四则运算 (20分)(string.append()))
    Nginx反向代理部署Node.js应用配置方法
    js处理字符串的用法小结
    从零开始基于webpack搭建react全家桶
    Linux常用指令
    matplotlib作图时中文字体乱码解决办法
    大话数据结构 串
    大话数据结构 队列
    大话数据结构 栈
    大话数据结构 线性表
  • 原文地址:https://www.cnblogs.com/zst062102/p/6509608.html
Copyright © 2011-2022 走看看