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

这篇文章将为大家详细讲解有关如何解决原生js方法document.getElementsByClassName在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及其以下的兼容性问题就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

新闻标题：如何解决原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
当前地址：https://www.cdcxhl.com/article46/jsdieg.html

成都网站建设公司_创新互联，为您提供网站导航、手机网站建设、品牌网站建设、软件开发、网站收录、网站维护

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联