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];
        }
    }
    

      

  • 相关阅读:
    鼠标移动,背景变色
    datatable 删除行
    GridView新增一行,更新所有行實現
    让层垂直居中于浏览器窗口
    extjs学习笔记(转)
    Extjs中的panel
    JDK和JRE的区别(转)
    EXTJS中form添加按钮触发事件
    web.xml详解
    Oracle数据库中的诊断文件(转)
  • 原文地址:https://www.cnblogs.com/zst062102/p/6509608.html
Copyright © 2011-2022 走看看