IE6 IE7 IE8 document.getElementsByClassName

php · 发表于 2014/4/14 21:52

Google Chrome、Firefox、Opera、Safari、IE9及更新版本都支持javascript的document.getElementsByClassName函数，而IE6 IE7 IE8不支持document.getElementsByClassName，我们只能自己给document增加一个自定义函数getElementsByClassName，让IE 6-8也支持document.getElementsByClassName
以下是IE6 IE7 IE8 document.getElementsByClassName的代码及实例。
为了避免出现乱码和防止代码被编辑器修改，请下载附件测试查看，不要直接复制以下代码。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>IE6 IE7 IE8 document.getElementsByClassName</title>
<script type="text/javascript">
/* 为IE6 IE7 IE8增加document.getElementsByClassName函数 */
/MSIE\s*(\d+)/i.test(navigator.userAgent);
var isIE=parseInt(RegExp.$1?RegExp.$1:0);
if(isIE>0&&isIE<9){
document.getElementsByClassName=function(cls){
var els=this.getElementsByTagName('*');
var ell=els.length;
var elements=[];
for(var n=0;n<ell;n++){
var oCls=els[n].className||'';
if(oCls.indexOf(cls)<0) continue;
oCls=oCls.split(/\s+/);
var oCll=oCls.length;
for(var j=0;j<oCll;j++){
if(cls==oCls[j]){
elements.push(els[n]);
break;
}
}
}
return elements;
}
}
onload=function(){
var els=document.getElementsByClassName('xc');
var l=els.length;
for(var n=0;n<l;n++){
alert(els[n].outerHTML);
}
}
</script>
</head>
<body>
<div class="xc cx">Hello World!</div>
<div class="cc xx xc cx">Hello Wuxiancheng!</div>
</body>
</html>

复制代码

账号		自动登录	找回密码
密码			新建账号

[JS] IE6 IE7 IE8 document.getElementsByClassName

本帖子中包含更多资源

相关帖子