获取class兼容IE的写法

if(!document.getElementsByClassName){
    document.getElementsByClassName=function(classname){
        var allTags=document.getElementsByTagName(‘*‘);
        var element=[];
        for(var i= 0,len=allTags.length;i<len;i++){
            if(allTags[i].className==classname){
                element.push(allTags[i]);
            }
        }
        return element;
    }
}

ie不支持document.getElementsByClassName,但支持tags,所以写了个兼容ie的方法。

时间: 2024-10-04 14:49:52

获取class兼容IE的写法的相关文章

HTML5 声明兼容IE的写法(转载)

HTML5 声明兼容IE的写法(转载) 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <![endif]--> <!--[if IE 7]> <meta http-equiv="X-UA-Compatible" conten

获取类名兼容写法

在使用原生javascript时,获取类选择符时,通过  querySelectorAll 不能实现在 ie9 以下浏览器兼容的解决方法. function getByClass(Classname,ele){ var ele = ele ? ele : document; return ele.querySelectorAll ? ele.querySelectorAll('.'+Classname) : (function(ele){ var ele = ele.getElementsByT

兼容IE的写法收集||bug修复

这篇文章实时更新 属于IE的专属写法 其中,S表示Standards Mode即标准模式,Q表示Quirks Mode,即兼容模式 hack 示例 IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q) * *color Yes Yes Yes Yes No Yes + +color Yes Yes Yes Yes No Yes - -color Yes Yes No No No No _ _color Yes Yes No Yes No Yes # #color Y

获取scrollTop兼容各浏览器的方法,以及body和documentElement

1.各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 : 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop: Safari: safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset : Firefox: 火狐等等相对标准些的浏览器就省心多了,直接用 docum

ie兼容CSS3渐变写法

在css3之前要想做背景色渐变就只能采用添加背景图片的方法,但是随着css3:linear-gradient属性的出现,就可以避免使用添加背景图片的方法,从而优化了性能.但是inear-gradient属性在ie9以下是无效的,但是可以采用ie滤镜的方法. 比如:黑色渐变到白色,代码如下: .gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient

js获取url传递参数的写法

获取url地址?后面参数值的写法 正则: 1 function GetQueryString(name) 2 { 3 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 4 var r = window.location.search.substr(1).match(reg); 5 if(r!=null)return unescape(r[2]); return null; 6 } 7

纠正jQuery获取radio选中值的写法

先看一段代码 <input type="radio" name="aaa" value="1" checked="true">aaa <input type="radio" name="aaa" value="2">bbb <input type="radio" name="aaa" value=&

移动端web兼容各种分辨率写法

移动端web开发最好用rem单位,再设置以下js,以iphone6 750*1334为基准 <script> var size = document.documentElement.clientWidth / 750 * 100; //PC端訪問時,默認viewport為100 if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { size = 100; } document.documentElem

js获取class 兼容

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>封装getElementsByClassName</title> 6 </head> 7 <body> 8 <div class="trsd demo">1111111111<