首页 > Web开发 > 详细

原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题

时间:2016-01-30 13:48:43      阅读:112      评论:0      收藏:0      [点我收藏+]
document.getElementsByClassName在ie8及其以下浏览器的兼容性问题,在ie8及其以下浏览器中不能使用,针对这个问题,下面给出详细的解决方法,感兴趣的朋友可以参考下
 
 
 
 
 
原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中,不能使用。 

修改:加入兼容性判断,在需要用到该方法的位置修改为getClassNames方法。 

代码如下: 

原来方法: document.getElementsByClassName(‘tabs_div‘); 

这里的调用方法为:getClassNames(‘tabs_div‘ , ‘div‘); 

 
代码如下:

var divs = getClassNames(‘tabs_div‘ , ‘div‘); 
function getClassNames(classStr,tagName){ 
if (document.getElementsByClassName) { 
return document.getElementsByClassName(classStr) 
}else { 
var nodes = document.getElementsByTagName(tagName),ret = []; 
for(i = 0; i < nodes.length; i++) { 
if(hasClass(nodes[i],classStr)){ 
ret.push(nodes[i]) 


return ret; 


function hasClass(tagStr,classStr){ 
var arr=tagStr.className.split(/\s+/ ); //这个正则表达式是因为class可以有多个,判断是否包含 
for (var i=0;i<arr.length;i++){ 
if (arr[i]==classStr){ 
return true ; 


return false ; 
 
 

原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题

原文:http://www.cnblogs.com/999c/p/5170712.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!